[Javascript] voor dummies - Deel 1

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_25736584
even een ander vraagje ik wil bijvoorbeeld als in dit dropdown menu 'link' wordt gekozen dat er een tekst veld bij komt.
1
2
3
4		<select name="type">
<option>Geen link</option>
<option>Link</option>
 </select>


En dus als link wordt gekozen, moet deze eronder komen:
1<input name="link" type="text">
INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (¤ 34,50 )
pi_25745630
Ik wil graag in een tekstveldje realtime bijhouden hoeveel checkboxen er zijn aangevinkt in een form, dus zonder dat hij de pagina ververst ofzo. Hoe kan ik zoiets handig maken?
Vogelaars.nl
pi_25751889
quote:
Op vrijdag 25 maart 2005 22:55 schreef ikke_ook het volgende:
Ik wil graag in een tekstveldje realtime bijhouden hoeveel checkboxen er zijn aangevinkt in een form, dus zonder dat hij de pagina ververst ofzo. Hoe kan ik zoiets handig maken?
Met het onclick event van de checkboxen kun je de wijzigingen bijhouden.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25761322
quote:
Op zaterdag 26 maart 2005 09:49 schreef SuperRembo het volgende:

[..]

Met het onclick event van de checkboxen kun je de wijzigingen bijhouden.
Iedere keer dat je op een checkbox klikt checken hoeveel checkboxen on zijn?Of is er iets handigers voor?
Vogelaars.nl
pi_25763002
quote:
Op zaterdag 26 maart 2005 17:53 schreef ikke_ook het volgende:

[..]

Iedere keer dat je op een checkbox klikt checken hoeveel checkboxen on zijn?Of is er iets handigers voor?
Dat zou kunnen, of je houd alleen de wijzigingen bij.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25766522
ik heb nu dit :
1
2
3
4
5
6
7
8
9
10
11		function CountCheckboxes() {
   var count, length;
   checks = 0;
   length = document.form.elements.length;
  for (i=0; i < count; i++) {
    if(document.form.elements[i].checked){
       count++;
     }
  }
  document.form.count.value = count;
}

Het werkt goed maar ik denk dat t nog wel efficienter kan. Heeft er nog iemand zin om dit te optimaliseren?
Vogelaars.nl
pi_25766736
1
2
3
4
5
6
7
8
9
10
11		function CountCheckboxes() {
   var count, length;
   count = 0;
   length = document.form.elements.length;
  for (i=0; i < length; i++) {
    if(document.form.elements[i].checked){
       count++;
     }
  }
  document.form.count.value = count;
}


Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25767261
dit werkt stukken sneller
1
2
3
4
5
6
7		function Count(checkboxid) {
      if( document.getElementById(checkboxid).checked){
         document.form.count.value++;
      }else{
         document.form.count.value--;
      }
}

Het gaat namelijk om een form met 850 checkboxes en 850 text invoer vakjes
Vogelaars.nl
pi_25767787
En deze nog iets sneller (maar dat zal je niet merken)

1
2
3
4
5
6
7		   function CheckClicked(chk) {
      if (chk.checked) {
         document.form.elements.count.value++;
      } else {
         document.form.elements.count.value--;
      }
   }


1<input type="checkbox" onclick="CheckClicked(this)">
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25768843
Aha, maar ik ga hem wel gebruiken want ik vind m wel mooier eigenlijk
Vogelaars.nl
pi_25769076
Ik heb nog een probleempje, ik hoop dat ik hem uitgelegd krijg....
Ik heb een tabel(form) gemaakt met 10 invoervakjes. Achter ieder invoervakje staat een pijltje waarmee je een nieuw invoervakje onder het huidige invoervakje kan laten verschijnen.
Dit doe ik door een <tr> zichtbaar te maken (default is niet zichtbaar).
Ik wil dat als ik op het pijltje klik dat de focus naar het nieuwe invoer vakje gaat.
Hiervoor had ik het volgende bedacht :
1
2
3
4		function NewInput(opm,focusfield){
   document.getElementById(opm).style.display = "";
   document.getElementById(focusfield).focus();      
}

Dit werkt prima in IE, in Firefox werkt t ook wel, de focus wordt ook wel goed gezet, alleen verspringt je beeld naar helemaal bovenaan de tabel in plaats van gewoon te blijven staan waar t stond......
Snap je
Ik hoop dat t duidelijk is wat ik bedoel....
Vogelaars.nl
pi_25769168
Heb je een voorbeeldpagina online staan?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25769305
quote:
Op zaterdag 26 maart 2005 22:52 schreef SuperRembo het volgende:
Heb je een voorbeeldpagina online staan?
Nee, alleen achter een inloggedeelte met een database eraan..... Tis namelijk een form waarmee je dingen toe kunt voegen in een database en tis niet de bedoeling dat de hele wereld daar bij kan...
Ik maak morgen of overmorgen wel even iets wat los is van die database is en hetzelfde doet.
Ik moet nu weg namelijk, maar alvast bedankt voor t kijken dan
Vogelaars.nl
pi_25770012
Toch nog maar ff snel online gezet want ik kon de source zo kopieren en in een nieuwe file plakken.
http://www.vogelaars.nl/jstest.htm
Klik maar eens op meerdere pijltjes achter verschillende vakjes op verschillende hoogtes op de pagina.
Dan zie je dat hij soms helemaal naar boven springt.

Geen commentaar op de pijltjes, want ik weet, die zien er niet uit En de site laadt zo traag omdat het zo'n grote tabel is waar alle cellen geen aangegeven grootte hebben.
Vogelaars.nl
pi_25770434
Je zou document.scrollTop kunnen bewaren bewaren voor het toevoegen van de <tr> en daarna weer terugzetten.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25778316
Ik heb dit geprobeerd:
1
2
3
4
5
6
7		function showOpm(opm,focusfield){
       var a;
       a = document.scrollTop;
       document.getElementById(opm).style.display = "";
      document.getElementById(focusfield).focus();      
      document.scrollTop = a;
}


Maar dat werkt niet, of is t iets minder simpel?
Vogelaars.nl
pi_25778995
In FF is het document.body.scrollTop. In IE is het window.pageYOffset, maar die heb je niet nodig.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25781685
quote:
[b]Op vrijdag 25 maart 2005 17:30 even een ander vraagje ik wil bijvoorbeeld als in dit dropdown menu 'link' wordt gekozen dat er een tekst veld bij komt.
1
2
3
4		<select name="type">
<option>Geen link</option>
<option>Link</option>
 </select>


En dus als link wordt gekozen, moet deze eronder komen:
1<input name="link" type="text">
INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (¤ 34,50 )
pi_25784252
Onchange event afvangen en dan de display style none/block van dat input veld toggelen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25784744
1<select onchange="foo()" >

enzo

Waarom gebruik je een dropdown als het een aan/uit optie is. Dan lijkt me een checkbox beter geschikt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25787656
quote:
Op zondag 27 maart 2005 13:52 schreef SuperRembo het volgende:
In FF is het document.body.scrollTop. In IE is het window.pageYOffset, maar die heb je niet nodig.
Bedankt, t werkt, alleen wel jammer dat t beeld ff naar boven schiet en dan weer naar beneden...
Maar dan moet je maar geen FF gebruiken
Vogelaars.nl
pi_25790555
quote:
Op zondag 27 maart 2005 19:58 schreef ikke_ook het volgende:

[..]

Bedankt, t werkt, alleen wel jammer dat t beeld ff naar boven schiet en dan weer naar beneden...
Maar dan moet je maar geen FF gebruiken
Welke idioot maakt er dan ook een tabel met 1000 regels

Ik denk dat wel eens beter zou kunnen werken als je per vogel een tabel cel maakt. In die cell zet je dan een kleinere tabel met de optionele invoervelden.
Nog mooier is het als je via het DOM de optionele velden toevoegt. Dan zit je niet met al die invoervelden die je wel maakt maar niet gebruikt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25793290
quote:
Op zondag 27 maart 2005 21:34 schreef SuperRembo het volgende:

[..]

Welke idioot maakt er dan ook een tabel met 1000 regels

Ik denk dat wel eens beter zou kunnen werken als je per vogel een tabel cel maakt. In die cell zet je dan een kleinere tabel met de optionele invoervelden.
Nog mooier is het als je via het DOM de optionele velden toevoegt. Dan zit je niet met al die invoervelden die je wel maakt maar niet gebruikt.
Kun je beide dingen een beetje uitleggen?Ik snap ze beide niet namelijk

[ Bericht 71% gewijzigd door ikke_ook op 27-03-2005 23:25:59 ]
Vogelaars.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - Deel 1
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')