[Erledigt] PHP und JS mehrfachmouseover

Andi81 · 25.09.2011, 10:47

Hallo!

ich hab eine while schleife in PHP programmiert. diese gibt mir verschiedene divs aus und packt in jedes eine paar daten per select Anweisung. Soweit so gut.

bei jedem schleifendurchlauf wird also ne neue div (mit verschachtelungen) erstellt!

PHP-Code:

          while ($zeile = mysql_fetch_array( $db_erg, MYSQL_ASSOC))

                    {    

                      echo '<link rel="stylesheet" type="text/css" href="/new/general_new.css">';

                      echo '<div id="thread";>'; 

                      echo '<div id="media">'."<img src=\"/images/thumbnails/harald.png\" width=\"80\" height=\"75\" img class=\"threadimages\">" .'</div id="media">';  

                      echo '<div id="show">' . $zeile['description_link'] .'</div id="show">';

                      echo '<div id="showtags">'. $zeile['tags_link'] .'</div id="showtags">';

                      echo '<div id="link_headline">' .$zeile['headline_link'] .'</div id="link_headline">';

                      echo '<div id="link_content">'."<a href='thread_link.php'>"  . $zeile['link_link'] .'</a>' .'</div id="link_content">';

                      echo '<div id="hoveroptions">' .'</div id="hoveroptions">';

                      echo '</div id="thread">';

                      echo '<div id="spacer">' .'</div id="spacer">';

                    }

Soweit so gut. funktioniert!

Mein Problem:

Bei jedem Schleifendurchlauf möchte ich dem div "thread" noch folgenden JS code mit auf den weg geben:

PHP-Code:

  <div id="thread" onMouseOver="show('show');show('hovertest');show('showtags')" onMouseOut="hide('show');hide('hovertest');hide('showtags');">

Ich hab schon alles probiert was ich wusste....ich komme einfach nicht weiter... wie binde ich diese parameter in die schleife mit ein?

Vielen Dank schonmal im Vorraus

mepeisen · 25.09.2011, 10:57

Indem du es im Echo mit einbindest? Wo genau liegt dein Problem?
Davon abgesehen, dass du derzeit xmal Divs erzeugst mit der gleichen ID. Eventuell funktioniert dein Code genau deswegen nicht.
Was hast du probiert und was genau heisst "klappt nicht"?

Dormilich · 25.09.2011, 12:25

außerdem gehören <link> elemente in den <head> und nicht in den <body>.

Andi81 · 25.09.2011, 12:38

Zitat:

Zitat von mepeisen

Indem du es im Echo mit einbindest? Wo genau liegt dein Problem?

ich habe bereits versucht es in dem Echo mit einzubinden, allerdings ist mir nicht klar wie die Syntax dann genau lautet. Mit "klappt nicht" meinte ich, dass alle Versuche es in die das echo mit einzubinden, fehlgeschlagen sind.

Davon abgesehen, dass du derzeit xmal Divs erzeugst mit der gleichen ID. Eventuell funktioniert dein Code genau deswegen nicht.
Was hast du probiert und was genau heisst "klappt nicht"?

litterauspirna · 25.09.2011, 12:52

Wieso zitierst du ein Stück Beitrag ohne was dazu zu schreiben.

Schreibe deine JS Code das du die Elemente target ansprechen kannst.

Code:

var target = target.window || target.srcElement;

So stellst du sicher das du das aktuelle Element ansprichst.
Dein HTML ist auch nicht W3C Konform weil du die gleiche ID mehrfach in der Liste nun stehen hast, eine ID muss aber eindeutig sein.

Schreibe es am besten so.

PHP-Code:

  echo '<div id="thread_"'.$idAusDatenbank.'>';

Somit ist es eine eindeutig ID mit jedem Datensatz.

Außerdem JS events packt man nicht in das HTML Element sondern ins window.onload Objekt in den HTML Header und spricht es über einen Eventhandler an.

Code:

<head>
window.onload = function()
{
    element.getElementById('id').addEventListener('mouseover', deinJsFunktionsName, false);
}
</head>

Hierbei aber auf den IE zu Gecko Browserunterschied achten. Für den IE den Evennamen immer mit on davor schreiben und da heist das ganze da attachEvent und kennte den dritten Parameter nicht.

Gruß Litter

Andi81 · 25.09.2011, 12:52

@mepeisen: ich wäre für einen code schnipsel sehr sehr dankbar. Muss ich da auch mit \ arbeiten um den java code in dem echo einzubinden? da hab ich schon probiert. Leider funktioniert es nicht so, irgendwas mach ich falsch.

PHP-Code:

   echo '<div id="thread" onMouseOver=\"show('show');show('hovertest');show('showtags')\" onMouseOut=\"hide('show');hide('hovertest');hide('showtags') ;>';

Liegt es daran das der div nicht innerhalb von dem echo wieder geschlossen wird, wie die anderen echos?

mepeisen · 25.09.2011, 12:53

PHP-Code:

  echo "<div inMouseOver=\"foo\">";

http://de.php.net/manual/de/language.types.string.php

Andi81 · 25.09.2011, 13:01

@mepeisen das heisst ich hab in meinem echo nur ein Problem mit dem richtigen \ an der richtigen Stelle, oder?

Also wenn ich mir das Beispiel:

echo "<div inMouseOver=\"foo\">"; anschaue dann müsste meine echo Zeile doch so lauten:

echo '<div id="thread" onMouseOver=\"show('show');show('hovertest');show( 'showtags')\" onMouseOut=\"hide('show');hide('hovertest');hide(' showtags')\" ;>';

Aber irgendwie funktioniert es nicht, Dreamweaver sagt "Syntax Error".

mepeisen · 25.09.2011, 13:16

Schau in den Link.

Andi81 · 25.09.2011, 13:19

wäre es denn bitte bitte möglich diese Zeile mir kurz aufzuschreiben, ich bekomme das alleine nicht auf die Reihe..sorry!

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

25.09.2011, 10:47
Andi81 Neuer Benutzer Registriert seit: 25.09.2011 Beiträge: 6 PHP-Kenntnisse: Anfänger	[Erledigt] PHP und JS mehrfachmouseover Hallo! ich hab eine while schleife in PHP programmiert. diese gibt mir verschiedene divs aus und packt in jedes eine paar daten per select Anweisung. Soweit so gut. bei jedem schleifendurchlauf wird also ne neue div (mit verschachtelungen) erstellt! PHP-Code: while ($zeile = mysql_fetch_array( $db_erg, MYSQL_ASSOC)) { echo '<link rel="stylesheet" type="text/css" href="/new/general_new.css">'; echo '<div id="thread";>'; echo '<div id="media">'."<img src=\"/images/thumbnails/harald.png\" width=\"80\" height=\"75\" img class=\"threadimages\">" .'</div id="media">'; echo '<div id="show">' . $zeile['description_link'] .'</div id="show">'; echo '<div id="showtags">'. $zeile['tags_link'] .'</div id="showtags">'; echo '<div id="link_headline">' .$zeile['headline_link'] .'</div id="link_headline">'; echo '<div id="link_content">'."<a href='thread_link.php'>" . $zeile['link_link'] .'</a>' .'</div id="link_content">'; echo '<div id="hoveroptions">' .'</div id="hoveroptions">'; echo '</div id="thread">'; echo '<div id="spacer">' .'</div id="spacer">'; } Soweit so gut. funktioniert! Mein Problem: Bei jedem Schleifendurchlauf möchte ich dem div "thread" noch folgenden JS code mit auf den weg geben: PHP-Code: `<div id="thread" onMouseOver="show('show');show('hovertest');show('showtags')" onMouseOut="hide('show');hide('hovertest');hide('showtags');">` Ich hab schon alles probiert was ich wusste....ich komme einfach nicht weiter... wie binde ich diese parameter in die schleife mit ein? Vielen Dank schonmal im Vorraus


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

25.09.2011, 10:57
mepeisen Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 5.235 PHP-Kenntnisse: Fortgeschritten	Indem du es im Echo mit einbindest? Wo genau liegt dein Problem? Davon abgesehen, dass du derzeit xmal Divs erzeugst mit der gleichen ID. Eventuell funktioniert dein Code genau deswegen nicht. Was hast du probiert und was genau heisst "klappt nicht"? __________________ www.php-maven.org PHP und Maven vereint: Build/Deploy/Produktion/Konfiguration, Projekt Management, CI, PHPUnit, zahlreiche Frameworks Twitter @ https://twitter.com/#!/mepeisen und Facebook @ http://t.co/DZnKSUih

25.09.2011, 12:25
Dormilich Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 216 PHP-Kenntnisse: Fortgeschritten	außerdem gehören <link> elemente in den <head> und nicht in den <body>.

25.09.2011, 12:52
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Wieso zitierst du ein Stück Beitrag ohne was dazu zu schreiben. Schreibe deine JS Code das du die Elemente target ansprechen kannst. Code: var target = target.window \|\| target.srcElement; So stellst du sicher das du das aktuelle Element ansprichst. Dein HTML ist auch nicht W3C Konform weil du die gleiche ID mehrfach in der Liste nun stehen hast, eine ID muss aber eindeutig sein. Schreibe es am besten so. PHP-Code: `echo '<div id="thread_"'.$idAusDatenbank.'>';` Somit ist es eine eindeutig ID mit jedem Datensatz. Außerdem JS events packt man nicht in das HTML Element sondern ins window.onload Objekt in den HTML Header und spricht es über einen Eventhandler an. Code: <head> window.onload = function() { element.getElementById('id').addEventListener('mouseover', deinJsFunktionsName, false); } </head> Hierbei aber auf den IE zu Gecko Browserunterschied achten. Für den IE den Evennamen immer mit on davor schreiben und da heist das ganze da attachEvent und kennte den dritten Parameter nicht. Gruß Litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de Geändert von litterauspirna (25.09.2011 um 12:59 Uhr).

25.09.2011, 12:53
mepeisen Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 5.235 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `echo "<div inMouseOver=\"foo\">";` http://de.php.net/manual/de/language.types.string.php __________________ www.php-maven.org PHP und Maven vereint: Build/Deploy/Produktion/Konfiguration, Projekt Management, CI, PHPUnit, zahlreiche Frameworks Twitter @ https://twitter.com/#!/mepeisen und Facebook @ http://t.co/DZnKSUih

25.09.2011, 13:01
Andi81 Neuer Benutzer Registriert seit: 25.09.2011 Beiträge: 6 PHP-Kenntnisse: Anfänger	@mepeisen das heisst ich hab in meinem echo nur ein Problem mit dem richtigen \ an der richtigen Stelle, oder? Also wenn ich mir das Beispiel: echo "<div inMouseOver=\"foo\">"; anschaue dann müsste meine echo Zeile doch so lauten: echo '<div id="thread" onMouseOver=\"show('show');show('hovertest');show( 'showtags')\" onMouseOut=\"hide('show');hide('hovertest');hide(' showtags')\" ;>'; Aber irgendwie funktioniert es nicht, Dreamweaver sagt "Syntax Error". Geändert von Andi81 (25.09.2011 um 13:17 Uhr).

25.09.2011, 13:16
mepeisen Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 5.235 PHP-Kenntnisse: Fortgeschritten	Schau in den Link. __________________ www.php-maven.org PHP und Maven vereint: Build/Deploy/Produktion/Konfiguration, Projekt Management, CI, PHPUnit, zahlreiche Frameworks Twitter @ https://twitter.com/#!/mepeisen und Facebook @ http://t.co/DZnKSUih

25.09.2011, 13:19
Andi81 Neuer Benutzer Registriert seit: 25.09.2011 Beiträge: 6 PHP-Kenntnisse: Anfänger	wäre es denn bitte bitte möglich diese Zeile mir kurz aufzuschreiben, ich bekomme das alleine nicht auf die Reihe..sorry!