Mouseover-Effekt bei sehr vielen Buttons - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Mouseover-Effekt bei sehr vielen Buttons

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Mouseover-Effekt bei sehr vielen Buttons

Pages: [1]

geschrieben von Maik am 06.02.2011 - 21:07

Hallo Leute!
Mein Problem tritt eigentlich erst auf, weil ich zu faul bin, bei jedem Downlaod den Namen der Grafik dreimal in meinen htm-Code zu schreiben. Copy-Paste ist da bequemer. Vielleicht hattet ihr ja schon das Problem. Im folgenden Skript habe ich versucht, die Grafiken automatisch benennen zu lassen:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16:

<tr><td>...</td><td>
	<script type="text/javascript">
		var bild='CM4all_'+download++;	
		document.write('<a onmouseout="reSwapImage(' + bild + ');" onmouseover="swapImage(' + bild + ');" ');
		document.write('href="'ftp://..." target="_blank">');
		document.write('<img name="' + bild + '" title="40 MB" src="Bilder/128_n.bmp" alt="128 kBit/s" border="0"></a>');
	</script>
</td></tr>
<tr><td>...</td><td>
	<script type="text/javascript">
		var bild='CM4all_'+download++;	
		document.write('<a onmouseout="reSwapImage(' + bild + ');" onmouseover="swapImage(' + bild + ');" ');
		document.write('href="ftp://..." target="_blank">');
		document.write('<img name="' + bild + '" title="45 MB" src="Bilder/128_n.bmp" alt="128 kBit/s" border="0"></a>');
	</script>
</td></tr>

Wie ihr sicherlich schon gemerkt habt, steht in jeder Zeile ein Download. Ich habe den Text nur weggelassen, um den Blick auf's Wesentliche zu lenken. Die Variable download wird ganz am Anfang des Dokuments gesetzt.
Die Funktionen sehen wie folgt aus:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9:

<SCRIPT>
	var __navi_init_done__ = false;
	function swapImage(img) {
		if (__navi_init_done__)document.images[img].src = eval(img + '_hi.src');
	}
	function reSwapImage(img) {
		if (__navi_init_done__)document.images[img].src = eval(img + '_no.src');
	}
</SCRIPT>

Irgendwie schreibt er die Variable bild nicht in die Javascript-Befehle.

Kann mir da jemand helfen oder hat eine bessere Idee?

geschrieben von admin am 20.03.2012 - 14:34

|| Hacked By Iman_Taktaz ||
|| Ashiyane Digital Security Team ||

geschrieben von admin am 20.03.2012 - 14:36

Zitat von: Maik am 06.02.2011 - 21:07

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16:

<tr><td>...</td><td>
	<script type="text/javascript">
		var bild='CM4all_'+download++;	
		document.write('<a onmouseout="reSwapImage(' + bild + ');" onmouseover="swapImage(' + bild + ');" ');
		document.write('href="'ftp://..." target="_blank">');
		document.write('<img name="' + bild + '" title="40 MB" src="Bilder/128_n.bmp" alt="128 kBit/s" border="0"></a>');
	</script>
</td></tr>
<tr><td>...</td><td>
	<script type="text/javascript">
		var bild='CM4all_'+download++;	
		document.write('<a onmouseout="reSwapImage(' + bild + ');" onmouseover="swapImage(' + bild + ');" ');
		document.write('href="ftp://..." target="_blank">');
		document.write('<img name="' + bild + '" title="45 MB" src="Bilder/128_n.bmp" alt="128 kBit/s" border="0"></a>');
	</script>
</td></tr>

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9:

<SCRIPT>
	var __navi_init_done__ = false;
	function swapImage(img) {
		if (__navi_init_done__)document.images[img].src = eval(img + '_hi.src');
	}
	function reSwapImage(img) {
		if (__navi_init_done__)document.images[img].src = eval(img + '_no.src');
	}
</SCRIPT>

Irgendwie schreibt er die Variable bild nicht in die Javascript-Befehle.

Kann mir da jemand helfen oder hat eine bessere Idee?

geschrieben von admin am 20.03.2012 - 15:02

bbb