JS: Spezieller Image Hover

GSJLink · 17.06.2007, 17:07

Hallo,

ich versuche gerade so nen Image Hover Effekt mit 5 Sternen zu machen, ähnlich dem vom Bewertungssystem von youtube. Allerdings bin ich irgendwie am Verzweifeln. Das Script müsste eigentlich funktionieren, ist ja auch ganz simpel, tut es aber nicht.

Code:

<script language="text/javascript">
	<!-- 
		function star_full(star) {
			
			switch(star) {
				case "1":
					document.getElementById("star1").src = "./full.png";
					break;
				case "2":
					document.getElementById("star1").src = "./full.png";
					document.getElementById("star2").src = "./full.png";
					break;
				case "3":
					document.getElementById("star1").src = "./full.png";
					document.getElementById("star2").src = "./full.png";
					document.getElementById("star3").src = "./full.png";
					break;
				case "4":
					document.getElementById("star1").src = "./full.png";
					document.getElementById("star2").src = "./full.png";
					document.getElementById("star3").src = "./full.png";
					document.getElementById("star4").src = "./full.png";
					break;
				case "5":
					document.getElementById("star1").src = "./full.png";
					document.getElementById("star2").src = "./full.png";
					document.getElementById("star3").src = "./full.png";
					document.getElementById("star4").src = "./full.png";
					document.getElementById("star5").src = "./full.png";
					break;
			}
		}
		
		function star_empty(star) {
		
			switch(star) {
				case "1":
					document.getElementById("star1").src = "./empty.png";
					break;
				case "2":
					document.getElementById("star1").src = "./empty.png";
					document.getElementById("star2").src = "./empty.png";
					break;
				case "3":
					document.getElementById("star1").src = "./empty.png";
					document.getElementById("star2").src = "./empty.png";
					document.getElementById("star3").src = "./empty.png";
					break;
				case "4":
					document.getElementById("star1").src = "./empty.png";
					document.getElementById("star2").src = "./empty.png";
					document.getElementById("star3").src = "./empty.png";
					document.getElementById("star4").src = "./empty.png";
					break;
				case "5":
					document.getElementById("star1").src = "./empty.png";
					document.getElementById("star2").src = "./empty.png";
					document.getElementById("star3").src = "./empty.png";
					document.getElementById("star4").src = "./empty.png";
					document.getElementById("star5").src = "./empty.png";
					break;
			}
		}
	//-->
	</script>


<table>
	<tr>
		<td>[img]./empty.png[/img]</td>
		<td>[img]./empty.png[/img]</td>
		<td>[img]./empty.png[/img]</td>
		<td>[img]./empty.png[/img]</td>
		<td>[img]./empty.png[/img]</td>
	</tr>
</table>

Hoffe ihr findet den Fehler auf Anhieb.

mfg
Link

Zergling-new · 17.06.2007, 20:49

Bitte Forenregeln lesen:
http://www.phpfriend.de/forum/ftopic57083.html
(wenn auch das von PHP-Anfänger)

Zitat:

[..] Fehlerbeschreibungen wie "geht nicht" ohne Begründung sind keine Informationen, die uns interessieren oder weiterhelfen, um euch zu helfen.[..]

Zitat:

Zitat von GSJLink

Das Script müsste eigentlich funktionieren, ist ja auch ganz simpel, tut es aber nicht.

Außerdem habe ich keine Lust meinen Editor aufzumachen, alles reinzukopieren und auszuprobieren, wenn es auch einfacher geht. Stell die Seite einfach online und mach es leicht, dir zu antworten. Ohne Onlinebeispiele gucke ich mir in dem Forum sowieso fast nichts mehr an.

GSJLink · 18.06.2007, 09:31

Ich vergaß, tut mir leid

http://root.marbec.de/sterne/

mfg
Link

Zergling-new · 18.06.2007, 11:51

LOL der Fehler ist in der ersten Zeile:

Code:

<script language="text/javascript">

Kommst du selbst drauf?

Schau doch aber ruhig selbst mal über die Web-Developer-Toolbar vom Firefox in die JavaScript-Fehlerausgabe. Wenn dort steht

Code:

Fehler: star_empty is not defined
Quelldatei: http://root.marbec.de/sterne/
Zeile: 1
 ----------
Fehler: star_full is not defined
Quelldatei: http://root.marbec.de/sterne/
Zeile: 1

du es ja aber offenbar eindeutig definiert hast, kann es nur bedeuten, dass entweder der ganze Block in dem die Definition deklariert ist nicht ausgeführt wird (was hier der Fall ist) oder er später überschrieben wird.

GSJLink · 18.06.2007, 14:11

Sry, bin irgendwie doch zu dumm um mit JS umzugehen

ty

mfg
Link

nikosch · 18.06.2007, 14:55

Das language Attribut war eine Zeitlang groß in Mode...
Übrigens werden mir im Quelltext bei der zweiten Funktion \r\n statt Zeilenumrüche angezeigt.

GSJLink · 18.06.2007, 15:48

Hm jo, hatte ich wieder rausgemacht.

Das mit dem language Attribut hatte ich nur, weil das in meinem HTML + JS Buch so drinstand. Nur ist das Buch halt nen bisschen älter ^^

mfg
Link

Zergling-new · 18.06.2007, 17:24

Mittlerweile langt das type-Attribut mit der Angabe des MIME-Types, für JavaScript also "text/javascript". Zumindest ist das für die XHTML Transitional/Strict Dokumente der Fall.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Transparente Runde Ecken bei Thumbnial realisieren	tomtaz	PHP Tipps 2008	3	08.07.2008 01:20
Bilder Klasse	snatch-ic	Beitragsarchiv	1	13.06.2007 11:45
Upload - Image extension	nikosch	HTML, Usability und Barrierefreiheit	10	17.03.2007 01:32
Image hochladen -> Endung einzeln herausfinden?	BartTheDevil89	PHP Tipps 2006	10	16.12.2006 15:42
CSS Hover bei Bildern im IE	juhuwoorps	HTML, Usability und Barrierefreiheit	12	01.03.2006 20:28
Problem mit Image as link ausloser stat text in java script.	Bruce	HTML, Usability und Barrierefreiheit	5	17.01.2006 11:31
[Erledigt] Von image booten		Off-Topic Diskussionen	11	26.12.2005 22:53
image map mit hover		HTML, Usability und Barrierefreiheit	1	21.12.2005 16:04
curl-URL nach image Datei transferieren		PHP-Fortgeschrittene	1	22.11.2005 12:47
Image Hosting Problem		PHP Tipps 2005-2	2	15.10.2005 20:14
link image als background	AliceD	HTML, Usability und Barrierefreiheit	4	31.08.2005 14:10
DPI Anzahl beim erzeugen von Bildern mit GD2 Lib einstellen?		PHP Tipps 2005	13	28.04.2005 14:39
Image wird erst nach "Reload current page" richtig	papalangi	PHP Tipps 2005	7	02.02.2005 12:01
[CSS] Table und :hover ???		HTML, Usability und Barrierefreiheit	16	21.01.2005 15:17
Problem mit Wasserzeichen auf Bildern	pixelcut	PHP-Fortgeschrittene	16	14.12.2004 02:36


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.06.2007, 09:31
GSJLink Erfahrener Benutzer Registriert seit: 27.08.2003 Beiträge: 449 PHP-Kenntnisse: Fortgeschritten	Ich vergaß, tut mir leid http://root.marbec.de/sterne/ mfg Link

18.06.2007, 11:51
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	LOL der Fehler ist in der ersten Zeile: Code: <script language="text/javascript"> Kommst du selbst drauf? Schau doch aber ruhig selbst mal über die Web-Developer-Toolbar vom Firefox in die JavaScript-Fehlerausgabe. Wenn dort steht Code: Fehler: star_empty is not defined Quelldatei: http://root.marbec.de/sterne/ Zeile: 1 ---------- Fehler: star_full is not defined Quelldatei: http://root.marbec.de/sterne/ Zeile: 1 du es ja aber offenbar eindeutig definiert hast, kann es nur bedeuten, dass entweder der ganze Block in dem die Definition deklariert ist nicht ausgeführt wird (was hier der Fall ist) oder er später überschrieben wird.

18.06.2007, 14:11
GSJLink Erfahrener Benutzer Registriert seit: 27.08.2003 Beiträge: 449 PHP-Kenntnisse: Fortgeschritten	Sry, bin irgendwie doch zu dumm um mit JS umzugehen ty mfg Link __________________ "Ein Script ist nur dann gut, wenn es unabhängig von der verwendeten Plattform funktioniert"

18.06.2007, 14:55
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Das language Attribut war eine Zeitlang groß in Mode... Übrigens werden mir im Quelltext bei der zweiten Funktion \r\n statt Zeilenumrüche angezeigt.

18.06.2007, 15:48
GSJLink Erfahrener Benutzer Registriert seit: 27.08.2003 Beiträge: 449 PHP-Kenntnisse: Fortgeschritten	Hm jo, hatte ich wieder rausgemacht. Das mit dem language Attribut hatte ich nur, weil das in meinem HTML + JS Buch so drinstand. Nur ist das Buch halt nen bisschen älter ^^ mfg Link __________________ "Ein Script ist nur dann gut, wenn es unabhängig von der verwendeten Plattform funktioniert"

18.06.2007, 17:24
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Mittlerweile langt das type-Attribut mit der Angabe des MIME-Types, für JavaScript also "text/javascript". Zumindest ist das für die XHTML Transitional/Strict Dokumente der Fall.