JS: Mouseover Effekt für Bilder. Nach include geht er nicht

02.12.2005, 18:22

Hallo,

ich habe folgendes Problem.

Ich lese ein Verzeichnis aus, in dem Bilder sind. Daraus erstelle ich eine Tabelle mit den Bildern. Wenn der Mauszeiger über die Bilder gezogen wird soll via JS eine Info eingeblendet werden. Das funktioniert auch sehr gut, aber obwohl alle Bilder aus der selben for-Schleife eingebunden werden funktioniert es bei manchen einfach nicht.
Hier das PHP:

das JS sieht so aus:

Code:

function showInfo(event,whichCont,imgID){

	if (!event){
		event = window.event;
	}
	else {
		document.getElementById(whichCont.id).style.visibility = "hidden";
	}
mausx = event.clientX;
mausy = event.clientY;
document.getElementById(whichCont.id).innerHTML=document.getElementById(imgID.id).alt;
document.getElementById(whichCont.id).style.visibility = "visible";
    if (document.body.scrollLeft)
      mausx+=document.body.scrollLeft;
    if (document.body.scrollTop)
      mausy+=document.body.scrollTop;
document.getElementById(whichCont.id).style.left = mausx+10;
document.getElementById(whichCont.id).style.top = mausy+10;

}

function hideInfo(whichCont){
	document.getElementById(whichCont.id).style.visibility = "hidden";
}

Wie gesagt der Code funktioniert einigermaßen: siehe hier:

http://www.areaemig.de/test/produktfotos.php

(IE hat noch probs, Mozi und Opera sind besser zum anschauen)

Das PHP kommt im nächsten Post, da es sonst fehlerhaft angezeigt wird (wenn andere BBTags vorhanden sind scheint die Anzeige nicht zu gehen)

02.12.2005, 18:22

PHP-Code:

  <?php

$dir="gfx/produktfotos/";

$handle = opendir ($dir);

$files = array();

while ($file = readdir ($handle)){

   if ($file != "." AND $file != "..")

        $files[] = $file;

}

closedir($handle);

sort($files);

for ($i=0; $i<= count($files)-1;$i++){

$filename=explode(".",$files[$i]);

if ($i%3 == 0){

echo '</tr><tr>';

}

 
echo '<td>'."\n".'[img]'.$dir.htmlentities($files[$i]).'[/img]
'."\n".'<span class="produktfotos_titel">'.$filename[0].'</span>'."\n";

echo '<div id="infoCont'.md5($filename[0]).'"></div>'."\n".'</td>'."\n";

}

 
 

 
?>

02.12.2005, 20:46

Zitat:

Zitat von Uhu

Das funktioniert auch sehr gut, aber obwohl alle Bilder aus der selben for-Schleife eingebunden werden funktioniert es bei manchen einfach nicht.

Bei mir funktioniert es - sogar im IE.

03.12.2005, 12:15

ja mittlerweile =) habe es selbst gelöst wollte das noch sagen.
und zwar wr das Problem, dass alle IDs die mit einer Ziffer begannen nicht richtig übernommen worden.

03.12.2005, 16:30

so nun habe ich aber doch wieder ein Problem.
Es funktioniert alles (IE, Firefox, Opera) aber sobald ich die Datei per PHP include meckert der Firefox wenn ich über ein Bild fahre:

Zitat:

Error: infoCont537a277c00b6da462049dfdc53f02548 is not defined
Source File: http://www.areaemig.de/Eichler99/?mode=produktfotos
Line: 1

woran liegt denn das? v.a. da ja alles astrein definiert ist

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
Bilder ohne DB sicher speichern	Diet	PHP Tipps 2005	6	25.03.2009 00:07
include isoliert ausführen – Lösungsansatz gesucht	veit	PHP-Fortgeschrittene	8	09.04.2008 09:26
Zip Archiv entpacken und Bilder verkleinern	Simon9990	PHP Tipps 2008	5	08.10.2007 00:32
hinter include wird eine 1 angezeigt	\|~Râdîant~\|	PHP Tipps 2008	8	19.09.2007 13:52
include problem	Canni	PHP Tipps 2006	26	14.11.2006 14:24
bilder zu groß?!	lindner	PHP Tipps 2006	9	19.10.2006 08:32
Navigationmit Mouseover Effekt	themonk	HTML, Usability und Barrierefreiheit	1	15.08.2006 23:09
Bilder "schützen"		PHP Tipps 2006	4	06.03.2006 15:25
Mouse Over Effekt 2 Bilder		HTML, Usability und Barrierefreiheit	7	16.11.2005 10:06
Abgerundetes Rechteckt mit MouseOver Effekt?		HTML, Usability und Barrierefreiheit	1	30.10.2005 18:13
Bilder löschen		PHP Tipps 2005-2	4	24.10.2005 11:37
Bilder aus einem unterverzeichis anzeigen.Hilfe		PHP Tipps 2005-2	3	12.09.2005 15:36
Mehrere Bilder Hochladen und bearbeiten		PHP Tipps 2005-2	7	23.07.2005 13:48
Bilder in Tabellen	nixdorf	HTML, Usability und Barrierefreiheit	36	09.05.2005 21:15
Bilder aus der Datenbank	Skazi	Datenbanken	2	09.02.2005 13:42

02.12.2005, 18:22
Gast Beiträge: n/a	JS: Mouseover Effekt für Bilder. Nach include geht er nicht Hallo, ich habe folgendes Problem. Ich lese ein Verzeichnis aus, in dem Bilder sind. Daraus erstelle ich eine Tabelle mit den Bildern. Wenn der Mauszeiger über die Bilder gezogen wird soll via JS eine Info eingeblendet werden. Das funktioniert auch sehr gut, aber obwohl alle Bilder aus der selben for-Schleife eingebunden werden funktioniert es bei manchen einfach nicht. Hier das PHP: das JS sieht so aus: Code: function showInfo(event,whichCont,imgID){ if (!event){ event = window.event; } else { document.getElementById(whichCont.id).style.visibility = "hidden"; } mausx = event.clientX; mausy = event.clientY; document.getElementById(whichCont.id).innerHTML=document.getElementById(imgID.id).alt; document.getElementById(whichCont.id).style.visibility = "visible"; if (document.body.scrollLeft) mausx+=document.body.scrollLeft; if (document.body.scrollTop) mausy+=document.body.scrollTop; document.getElementById(whichCont.id).style.left = mausx+10; document.getElementById(whichCont.id).style.top = mausy+10; } function hideInfo(whichCont){ document.getElementById(whichCont.id).style.visibility = "hidden"; } Wie gesagt der Code funktioniert einigermaßen: siehe hier: http://www.areaemig.de/test/produktfotos.php (IE hat noch probs, Mozi und Opera sind besser zum anschauen) Das PHP kommt im nächsten Post, da es sonst fehlerhaft angezeigt wird (wenn andere BBTags vorhanden sind scheint die Anzeige nicht zu gehen)


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

02.12.2005, 18:22
Gast Beiträge: n/a	PHP-Code: <?php $dir="gfx/produktfotos/"; $handle = opendir ($dir); $files = array(); while ($file = readdir ($handle)){ if ($file != "." AND $file != "..") $files[] = $file; } closedir($handle); sort($files); for ($i=0; $i<= count($files)-1;$i++){ $filename=explode(".",$files[$i]); if ($i%3 == 0){ echo '</tr><tr>'; } echo '<td>'."\n".'[img]'.$dir.htmlentities($files[$i]).'[/img] '."\n".'<span class="produktfotos_titel">'.$filename[0].'</span>'."\n"; echo '<div id="infoCont'.md5($filename[0]).'"></div>'."\n".'</td>'."\n"; } ?>

03.12.2005, 12:15
Gast Beiträge: n/a	ja mittlerweile =) habe es selbst gelöst wollte das noch sagen. und zwar wr das Problem, dass alle IDs die mit einer Ziffer begannen nicht richtig übernommen worden.