Title-Attribut (title="") von Link (<a href="">) mit Link versehen...

seVes

Grünschnabel
Servus!

Die Topic ist etwas - nunja - schwierig zu verstehen glaube, daher hier nochmal mein Anliegen:

Ich nutze Highslide für Flash-Filme und will zum jeweiligen Flash-Film eine ID untendrunter anzeigen.
Dies klappt auch soweit ganz gut, jedoch möcht ich nun auch noch einen Link mitgeben.

Highslide zieht seine Informationen aus dem Title-Attribut. Momentan sieht das Ganze in etwa so aus:

Code:
<a href="./highslide/jwplayer.swf" onclick="..." title="<b>test</b>"><img src="./media/1.jpg" alt="1" width="10px" height="10px"></a>

Klicke ich nun auf das Bild, öffnet er auch mit Highslide den Film und blendet unter diesem in -fetter- Schrift "test" ein.
Füge ich nun noch <a href="..."> hinzu, zerschiesst mit der Code den anderen...

Code:
<a href="./highslide/jwplayer.swf" onclick="..." title="<b>test</b><br><a href="./index.php?page=test">test</a>"><img src="./media/1.jpg" alt="1" width="10px" height="10px"></a>

Ich möchte quasi einen Link im Link mitgeben... Geht das irgendwie mit escapen? Andere Ideen?
 
Hi,

im <title>-Attribut lassen sich grundsätzlich keine HTML-Elemente unterbringen.

Erstaunlich, dass der Attributwert "test" in fetter Schrift angezeigt wird :suspekt:

Welcher Browser macht denn diesen Unfug überhaupt mit?

mfg Maik
 
Und wieso nutzt du nicht einfach dieses Markup aus den Original-Beispielen http://highslide.com/#examples (hier für "With Gallery" entnommen), um im DIV highslide-caption deinen weiteren Link zu platzieren?

HTML:
<div class="thumbwrapper">
	<a href="samples/gallery3.jpg" class="highslide" onclick="return hs.expand(this, galleryOptions)">
		<img src="samples/gallery3.thumb.jpg" alt="Highslide JS" title="Click to enlarge">
	</a>

	<div class="highslide-caption">
	    Caption for the first image.
	</div>
</div>


Daraus ergibt sich für deinen Anwendungfsfall dieser Quellcode:

HTML:
<div class="thumbwrapper">
     <a href="./highslide/jwplayer.swf" class="highslide" onclick="return hs.htmlExpand(this, {objectType: 'swf', swfOptions: {version: '9', flashvars: {file: '&file=../media/members/2/001.flv&autostart=true'}, params: {allowscriptaccess: 'always', allowfullscreen: 'true', vmode: 'transparent'}}, width: 640, objectWidth: 640, objectHeight: 480, maincontentText: 'Upgrade your Flash Player!', captionEval: 'this.a.title'})">
        <img src="./media/members/2/thumbnails/001.flv.jpg"  title="ID: bWVtYmVycy8yLzAwMS5mbHY=" alt="Flash Video" width="116" height="87">
     </a>

     <div class="highslide-caption">
          <b>ID:</b><br>bWVtYmVycy8yLzAwMS5mbHY=<br><br>
          <b>Link:</b><br><a href="http://www.honda-crew-bodensee.de/index.php?page=videoplayer&id=bWVtYmVycy8yLzAwMS5mbHY=">Link-Text</a>
     </div>
</div>


Einfacher geht's wohl kaum, wird von allen Browsern korrekt interpretiert, und zerschiesst dir nicht den Code :)

Beachte hierbei, dass nun im ersten <a>-Tag zum Aufruf des Flash-Videos das title-Attribut gänzlich entfällt, damit der Inhalt vom DIV highslide-caption angezeigt wird.

mfg Maik
 
Zurück