login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Text veranderen in input box

Offline compudoc - 22/11/2007 17:18
Avatar van compudocPHP beginner Ik heb in mijn pagina een tabel staan:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width="100%" cellpadding="0" cellspacing="0" border="0">
  2.   <tr>
  3.     <td width="10%"><!-- HIER IMG --></td>
  4.     <td width="30%">HIER GEWOON TEKST</td>
  5.     <td width="60%">HIER TEKST DIE VERANDERD WORDT</td>
  6.   </tr>


en dan staan er meerdere keren <tr> met de <td>.
het gaat erom dat als er op de afbeelding wordt gedrukt (HIER IMG) dat dan bij (HIER TEKST DIE VERANDERD WORDT) met behulp van ajax of gewoon javascript dat er dan een input box komt te staan:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <form name="ChangeText" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
  2.   <input type="text" name="naam" />
  3.   <input type="submit" name="submit" value="Verwerk" />
  4. </form>


heeft er iemand een idee hoe ik zoiets kan doen?

3 antwoorden

Gesponsorde links
Offline Koen - 22/11/2007 17:29
Avatar van Koen PHP expert Werk met Google.be: hidden divs?
Offline compudoc - 22/11/2007 17:51
Avatar van compudoc PHP beginner bedankt voor je tip over hidden div.
ik heb nou dit:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function show(id)
  3. {
  4.   document.getElementById(id).style.display="block";
  5. }
  6. </script>

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onclick="javascript:show('content')">Show Me!</a>
  2. <div id="content" style="display:none;">
  3.   Hello There!
  4. </div>


nou werkt het wel maar als ik nog een keer op Show Me! klik dan gaat de tekst uit de div niet meer weg...
hoe kan ik dit oplossen zodat als je klikt weer alleen "Show Me!" ziet staan?
Offline citroen - 22/11/2007 20:19
Avatar van citroen Onbekend
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.       function show(id)
  3.       {
  4.             if(document.getElementById(id).style.display!="block") {
  5.                   document.getElementById(id).style.display="block"
  6.             } else {
  7.                   document.getElementById(id).style.display="none"
  8.             }
  9.       }
  10.       </script>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s