onClick + overlays aber ohne submit

Chili-Schaf · 02.12.2009, 14:22

Hallöchen,

ich hoffe, dass ich hier richtig bin...

Also, es geht darum dass ich via onClick in meinem Quellcode Pop-Ups mit z.B. Details zu bestimmten Objekten öffnen lasse. Dazu sieht mein onClick wie folgt aus:

HTML-Code:

<a href="#" onClick="document.getElementById('details').style.visibility= 'visible';"><img src="./images/detailPic.gif" border="0" alt="details" title="Object Details" width="12" valign="middle"></a>

Damit lassen sich dann die tables (mit hidden im css ausgerüstet) auf visible setzen und mit einem exit-button wieder auf hidden ohne das die Seite im Hintergrund neu geladen werden muss.

PHP-Code:

      echo('
    <table id="details" name="details" border="0" class="overlay" >
      <tr>
        (...)
      <tr>
        <td align="center" height="30" valign="bottom">    
          <input type="button" name="" value="ok">
    ');

    onClick="document.getElementById('details').style.visibility='hidden';"

So, nun muss ich aber meinem overlay eine variable übergeben. Ich zeige dem User eine Tabelle mit Objekten an. Er kann jetzt ein Objekt anklicken und soll genau dafür die Details bekommen. Dazu müsste ich die ID mit übergeben...nur wie ohne submit?
Die Tabelle erzeuge ich indem ich alle ID's aus der datenbank lade als array und dann zu jeder ID in einer Schleife den Namen lade und via echo ausgebe.

Mit submit habe ich einfach jedes Bild mit einem Link verknüpft, mit ?ID=$ID[$i] die ID übergeben und das Overlay ohne hidden mit if(isset($_GET["ID"])) angesteuert. Das möchte aber wenn möglich umgehen.

Hat da jemand eine Idee? Und geht das überhaupt mit onClick?

draco88 · 04.12.2009, 11:24

Ich sag mal das stichwort AJAX.

lies dich in das thema ein und wenn du hilfe dabei brauchst meldst du dich wieder

lg
draco

rudygotya · 04.12.2009, 12:12

Geht auch für den Laien total einfach. Schau dir mal den 4.Eintrag im Weihnachtskalender (4: Licht in der Kiste) an.
Z.B . mit der Fancybox musst du nur einen link generieren + die css Klasse hinzufügen, mit der du "selectest".

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] OnClick event abbrechen	Frank	JavaScript, Ajax und mehr	4	25.08.2009 12:15
[Erledigt] onclick, onmoseover,onmouseout in 1 href	FreddyS	HTML, Usability und Barrierefreiheit	11	31.07.2009 20:29
[Erledigt] onclick submit Feldinhalt wird nicht übertragen	FreddyS	PHP Tipps 2009	11	07.07.2009 13:15
onclick vor seitenaufruf ausführen	KokosDesign	JavaScript, Ajax und mehr	4	27.05.2009 01:25
[Erledigt] submit button wechseln wenn sid in DB vorhanden	fulltilt	PHP Tipps 2009	5	20.02.2009 16:32
[Erledigt] Eingabetextfeld verschwindet nach 'Submit'	Jasper	PHP Tipps 2009	14	16.02.2009 18:40
submit erst nach JS Passwortabfrage?	ACiD	JavaScript, Ajax und mehr	6	28.10.2008 16:09
JS: Frage zu onClick in Verbindung mit einer Funktion		HTML, Usability und Barrierefreiheit	1	04.11.2005 16:06
Variable mit onClick übergeben?		PHP Tipps 2005-2	2	22.09.2005 15:33
Weiterleitung auf eine andere Seite nach Submit...		PHP Tipps 2005-2	6	30.08.2005 08:35
mit onclick() Datei aufrufen		HTML, Usability und Barrierefreiheit	6	11.08.2005 11:22
input + submit ?		HTML, Usability und Barrierefreiheit	9	27.02.2005 23:31
Submit als Link	Bronks	HTML, Usability und Barrierefreiheit	2	03.01.2005 15:44
[b]text automatisch bei submit in textfeld einfügen[/b]		PHP Tipps 2004-2	10	05.12.2004 13:44
Form nach submit		PHP Tipps 2004	1	02.06.2004 13:12

02.12.2009, 14:22
Chili-Schaf Neuer Benutzer Registriert seit: 21.07.2009 Beiträge: 23 PHP-Kenntnisse: Anfänger	onClick + overlays aber ohne submit Hallöchen, ich hoffe, dass ich hier richtig bin... Also, es geht darum dass ich via onClick in meinem Quellcode Pop-Ups mit z.B. Details zu bestimmten Objekten öffnen lasse. Dazu sieht mein onClick wie folgt aus: HTML-Code: <a href="#" onClick="document.getElementById('details').style.visibility= 'visible';"><img src="./images/detailPic.gif" border="0" alt="details" title="Object Details" width="12" valign="middle"></a> Damit lassen sich dann die tables (mit hidden im css ausgerüstet) auf visible setzen und mit einem exit-button wieder auf hidden ohne das die Seite im Hintergrund neu geladen werden muss. PHP-Code: `echo(' <table id="details" name="details" border="0" class="overlay" > <tr> (...) <tr> <td align="center" height="30" valign="bottom"> <input type="button" name="" value="ok"> '); onClick="document.getElementById('details').style.visibility='hidden';"` So, nun muss ich aber meinem overlay eine variable übergeben. Ich zeige dem User eine Tabelle mit Objekten an. Er kann jetzt ein Objekt anklicken und soll genau dafür die Details bekommen. Dazu müsste ich die ID mit übergeben...nur wie ohne submit? Die Tabelle erzeuge ich indem ich alle ID's aus der datenbank lade als array und dann zu jeder ID in einer Schleife den Namen lade und via echo ausgebe. Mit submit habe ich einfach jedes Bild mit einem Link verknüpft, mit ?ID=$ID[$i] die ID übergeben und das Overlay ohne hidden mit if(isset($_GET["ID"])) angesteuert. Das möchte aber wenn möglich umgehen. Hat da jemand eine Idee? Und geht das überhaupt mit onClick? Geändert von Chili-Schaf (03.12.2009 um 09:09 Uhr).


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

04.12.2009, 11:24
draco88 Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 645 PHP-Kenntnisse: Fortgeschritten	Ich sag mal das stichwort AJAX. lies dich in das thema ein und wenn du hilfe dabei brauchst meldst du dich wieder lg draco

04.12.2009, 12:12
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Geht auch für den Laien total einfach. Schau dir mal den 4.Eintrag im Weihnachtskalender (4: Licht in der Kiste) an. Z.B . mit der Fancybox musst du nur einen link generieren + die css Klasse hinzufügen, mit der du "selectest". __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog