Hallo iedereen,

Ik kom er niet uit... Ik heb een tabel die zijn informatie ophaalt uit de MySQL database met "SELECT * FROM". Dat werkt allemaal perfect, maar nu wil ik dat de laatste rij (prob_vol = probleem omschrijving) onclick wordt weergegeven in een losse div.
Functioneel gezien wil ik hetzelfde bereiken als het Postvak IN van MS Outlook. Men klikt een mailtje aan, en vervolgens wordt de informatie getoond in het vak eronder.

Als ik dus op ID 70 zou klikken, wil ik dat extra informatie van ID 70 wordt geladen in een aparte div.

Heeft iemand misschien een idee? Ik heb wat mogelijkheden uitgezocht, zo zat ik te denken om met Javascript een PHP variabele aan te maken onclick, of een $_POST en $_GET uit te voeren op dezelfde pagina, maar het werkt nog steeds niet...

Alvast bedankt voor jullie hulp!

Zoek eens op Ajax, moet lukken!

Origineel gepost door Peter W.

Zoek eens op Ajax, moet lukken!

Ik weet dat ik gebruik moet maken van AJAX, maar het probleem is de weg er naartoe... Hoe weet AJAX wat het op moet halen, als ik niet weet hoe ik het moet outputten...

Outputten gaat vrijwel altijd door een lege div neer te zetten met een (uniek!!) ID en dat ID in je commando te zetten.

<div id="hierhetID"></div>

werk met visitiblity: hidden;

ik gebruik dit:

http://www.w3schools.com/PHP/php_ajax_database.asp

Origineel gepost door Jonathan Dequeker

ik gebruik dit:

http://www.w3schools.com/PHP/php_ajax_database.asp

Volgens mij is dit wat ik zoek. Ik heb zo'n vergelijkbare tabel, maar hoe zorg ik dat hij de informatie van ID 70 ophaalt?

Op deze manier worden de gegevens opgehaald.

PHP Code:

$query = "SELECT * FROM problemen ORDER BY prob_id asc";
$result = mysql_query($query);

while($rij = mysql_fetch_object($result))
                 {
                $prob_id = $rij->prob_id;
                $prob_om = $rij->prob_om;
                $prob_dat = $rij->prob_dat;
                $prob_gebr = $rij->prob_gebr;
                $prob_pc = $rij->prob_pc;
                $prob_vol = $rij->prob_vol;
                
                
                
                echo "
                        <tr>    
                            <td>$prob_id</td>
                            <td>$prob_gebr</td>
                            <td>$prob_dat</td>
                            <td>$prob_om</td>
                          <td>$prob_pc</td>
                        </tr>                      
                        " ;

                } 


Nu wil ik dus, dat $prob_vol zich laat zien nadat ik heb geklikt op $prob_id. (Is het misschien mogelijk om met Javascript o.i.d. een volledige rij klikbaar te maken, om vervolgens onclick een PHP variabele te maken?)

Je hebt in principe geeneens ajax nodig, je kan na het klikken een javascriptje uitvoeren (functie, bijvb clicknaam("inhoud vakje") en deze functie de tekst "inhoud vakje" in de div laten zetten. Zoek maar eens met write text to div, dan vind je het vanzelf.

Origineel gepost door D. Koop

Je hebt in principe geeneens ajax nodig, je kan na het klikken een javascriptje uitvoeren (functie, bijvb clicknaam("inhoud vakje") en deze functie de tekst "inhoud vakje" in de div laten zetten. Zoek maar eens met write text to div, dan vind je het vanzelf.

Een stap in de goede richting,

Code:

echo "<script language=\"JavaScript\">
                            function volOmschrijving ()
                            {
                            document.getElementById(\"desc\").innerHTML = \"$prob_vol;\"
                            }
                            </script>";

Hij laat netjes de omschrijving zien, maar als ik een andere ID aanklik, laat hij het oude staan (volgens mij dus toch AJAX nodig)
Eens kijken of het gaat lukken!

Edit: Hij laat bij elk ID $prob_vol van de laatste while loop zien, heeft dit te maken met het feit dat ik nog geen AJAX heb toegepast?

je doet het fout ;-)

Code:

<script language="JavaScript">
                            function volOmschrijving (berichtje)
                            {
                            document.getElementById("desc").innerHTML = berichtje;
                            }
                            </script>

En nu bij de a href="#" onclick("") doen. Je roept hem dus zo aan: volOmschrijving("Hier het bericht").
Waarom zo? omdat je anders maar één waarde er in kan gooien die in het javascriptje staat, nu hoeft dat niet en heb je meerdere waardes.

Het probleem is alleen dat de gegevens uit de database komen, en dan zou ik voor elke loop een nieuwe function moeten schrijven...
Aanvullend bericht:
Goed. Na een hele avond trial-and-error, is het gelukt. Dit was alles wat er nodig was...

PHP Code:

<td><a href=# onclick=\"document.getElementById('desc').innerHTML='$row[prob_vol]'\">".$row[prob_id]."</a></td> 


Bedankt voor jullie hulp!