login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tekstvakken plaatsen (Opgelost)

Offline finduilas - 13/06/2007 06:39
Avatar van finduilasPHP gevorderde Hallo,

Is het mogelijk om met javascript (of ...) bij het klikken op een button een extra tekstvak toe te voegen.

Wat ik dus wil:
Screen : Tekstvak (Toevoegen)

Bij het klikken op toevoegen moet er
Screen : Tekstvak
Tekstvak2 (Toevoegen) staan

Kan dit zonder te refreshen ook (of is dit niet nodig met JS)? (mss dan met asp ofzo?

12 antwoorden

Gesponsorde links
Offline jelle - 13/06/2007 07:46 (laatste wijziging 13/06/2007 07:46)
Avatar van jelle PHP beginner je kan een tekstvak al in je html zetten maar onzichtbaar en dat je als je op die button druk hij te voorschijn komt:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. function f()
  3. {
  4. document.getElementById('tekstvak').style.display = "block";
  5. }
  6. </script>
  7. <input id="tekstvak" style="display:none;" type="text" onclick="f()">
Offline finduilas - 13/06/2007 16:01 (laatste wijziging 13/06/2007 16:09)
Avatar van finduilas PHP gevorderde Maar als ik me niet vergis wordt dat een gefoefel met de layout? Als ik 6 tekstvakken wil hebben (of de mogelijkheid er toe). zal me tabel standaard die grootte aannemen van waar ze alle 6 in staan?

EDIT: Gefoefel is gepruts,geklooi (om het dan op z'n hollands te zeggen)
Offline marten - 13/06/2007 16:02
Avatar van marten Beheerder wtf is gefoefel?
Denk dat een AN waarschuwing op zijn plaats is
Offline jelle - 13/06/2007 16:07
Avatar van jelle PHP beginner ik zou het wat beter uitleggen want ik snap er helemaal niks van van je gefoefel:p 
Offline finduilas - 13/06/2007 16:09
Avatar van finduilas PHP gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. Maar als ik me niet vergis wordt dat een gefoefel met de layout? Als ik 6 tekstvakken wil hebben (of de mogelijkheid er toe). zal me tabel standaard die grootte aannemen van waar ze alle 6 in staan?

Gefoefel = geprutst
Offline jelle - 13/06/2007 16:26
Avatar van jelle PHP beginner je bedoelt dat als de style display "none" is dat hij nog steeds ruimte in neemt??? nee dat is niet zo het neemt dan geen ruimte in
Offline vinTage - 13/06/2007 16:26
Avatar van vinTage Nieuw lid http://www.vand...ord=foefel
Offline finduilas - 13/06/2007 16:29 (laatste wijziging 13/06/2007 19:27)
Avatar van finduilas PHP gevorderde k,dat wou ik inderdaad weten.

EDIT: Bijna Gelukt :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. function add()
  3. {
  4. teller = 2;
  5. while(typeof(document.getElementById('screen' + teller)) != 'undefined') {
  6. 	if(document.getElementById('screen' +  teller ).style.display == "none") {
  7. 		if(teller == 5) {
  8. 			document.getElementById('add').style.display = "none"
  9. 		}
  10. 		document.getElementById('screen' +  teller ).style.display = "block"
  11. 		break;
  12. 	}
  13. 	teller++;
  14. 	}
  15. }
  16.       </script>       
  17.                               <input name="screen1" type="text">
  18.                               <input id="screen2" style="display:none;" type="text" />
  19.                               <input id="screen3" style="display:none;" type="text" />
  20.                               <input id="screen4" style="display:none;" type="text" />
  21.                               <input id="screen5" style="display:none;" type="text" />
  22.                               <input id="add" type="submit" name="toevoegen" value="Extra screen" onclick="add()"> (max. 5)


Apart werkt het.Alleen niet in me andere code ingebouwd:
http://pastebin.be/2698
http://finduila...hp?actie=1
Offline JBke - 13/06/2007 20:03 (laatste wijziging 13/06/2007 20:05)
Avatar van JBke PHP gevorderde gebruik je meerdere javascript functies op je pagina?? Zo ja probeer met een window.onload worm te werken hiervoor als volgd:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function womOn(){
  2.   window.onload = womGo;
  3. }
  4.  
  5. function womGo(){
  6.   for(var i = 0;i < woms.length;i++)
  7.     eval(woms[i]);
  8. }
  9.  
  10. function womAdd(func){
  11.   woms[woms.length] = func;
  12. }var woms = new Array();
  13.  
  14. womAdd('init1()');
  15. womAdd('init2()');
  16. womAdd('init3()');
  17. womOn();


zeker als je meerdere window.onload functie gebruikt gaat hij enkel de laatste laden, gebruik hiervoor dus een soort worm.

@Marten: foefelen kende ik nochtans wel hoor, al zijn er andere woorden en uitleg die ik minder snap, zoals: "...op me website vind je...." dat slaagd nog minder ergens op.:D
Offline vinTage - 13/06/2007 20:06
Avatar van vinTage Nieuw lid
Citaat:
@Marten: foefelen kende ik nochtans wel hoor, al zijn er andere woorden en uitleg die ik minder snap, zoals: "...op me website vind je...." dat slaagd nog minder ergens op.



sry, ik kon het niet laten 
Offline finduilas - 13/06/2007 20:24 (laatste wijziging 14/06/2007 17:36)
Avatar van finduilas PHP gevorderde Hmm, Nochtans niet. Dat is de versie die geupload is: http://pastebin.be/2698

EDIT: Ik heb de oorzaak gevonden: De knop was een submit knop. Wanneer hij dus tussen de <form> tags staat wordt het formulier verzonden . Alleen, Nu probeerde ik het met button maar ik krijg een JS error: Deze eigenschap of methode wordt niet ondersteund door dit object.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input id="add" type="button" value="Extra screen" onclick="add()" />

Hoe moet het dan wel?

EDIT2: Ik kom zelf al verder. Het is id="add" die niet ondersteund wordt.

Het werkt alleen, nu wil ik als ik er 5 heb dat de knop extra screen er niet meer is.
Offline mvde - 23/05/2009 22:00
Avatar van mvde Lid wel met een javascript:add........(); maar is niet compleet wat je bedoelt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.222s