[Javascript] voor dummies - deel 4

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_39246218
Daar heb ik nooit problemen mee gehad. Een stuk code zou handig zijn.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 26 juni 2006 @ 13:11:25 #77
145172 gronk
adulescentulus carnifex
pi_39246443
Tikfout in je code?
I'm trying to make the 'net' a kinder, gentler place. One where you could bring the fuckin' children.
  maandag 26 juni 2006 @ 13:21:51 #78
65516 gieling
Live from NYC
pi_39246856
Bijvoorbeeld

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		  function zetBalkAanUit()
  {
    if (document.cijferform.BalkAanUit.checked==1) {
      document.images["a"].src = "i/a.gif";
      document.cijferform.AANUIT.value = "1";
      document.images["c"].src = "i/c2.gif";
      document.getElementById('textUitAan').style.color='#C60000';
     document.getElementById('textUitAan2').style.color='#000000';
     document.getElementById('textUitAanRB1').style.color='#000000';
     document.cijferform.status.disabled=false;
     
     } else {
      document.images["a"].src = "i/a_off.gif";
      document.cijferform.AANUIT.value = "0";
      document.images["c"].src = "i/c2_off.gif";
      document.getElementById('textUitAan').style.color='#AAAAAA';
     document.getElementById('textUitAan2').style.color='#AAAAAA';
     document.getElementById('textUitAanRB1').style.color='#AAAAAA';
     document.cijferform.status.disabled=true;
     }
  }


<input type=radio name=\"status\" value=\"want\" ".$w.">a.<br />
<input type=radio name=\"status\" value=\"notwant\" ".$nw.">b.<br />
<input type=radio name=\"status\" value=\"have\" ".$h.">c.<br /><br />
pi_39249861
  • Gebruik altijd document.getElementById('myid'). (document.myid of document.myform.myinput werkt misschien wel, maar is eigenlijk een IE-only constructie)
  • id's zijn case sensitive. Als je een element hebt met id="x", dan vind je dus niets met document.getElementById('X').
  • Geef de elementen die je disabled een andere css class in plaats van in js de kleuren aan te passen. Dus bijvoorbeeld document.getElementById('x').className = 'disabled';.
  • Als je in php een string gebruikt met dubbele "quotes" erin, gebruik dan enkele 'quotes' voor de string zelf. Dan hoef je ze niet te escapen met \. Dat leest veel fijner.
    • Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_39256052
    Ik heb een handje links. In dit geval 2 bijvoorbeeld.

    Nou heb ik per link een div, met de css style display: none;..
    onclick wil ik dat de volgende functie uitgevoerd wordt, maar dan zonder syntax errors


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15    		   function hideshow(which){
          if (!document.getElementById)
             return;
          if (which.style.display=="block"){
             id1.style.display="none";
             id2.style.display="none";
       
          }
          else {
             id1.style.display="none";
             id2.style.display="none";
       
             which.style.display="block";
          }
       }


    mijn divs hebben id1 en id2.

    Ik wil dat er maar 1 div display: block; kan krijgen, dus alle andere divs moeten display: none; krijgen.

    mijn href = "javascript:hideshow('id1');"

    ik ben niet zo gevorderd met javascript dus ik weet ook niet precies wat ik fout doe.. misschien dat iemand met een beetje ervaring mijn foutje kan verbeteren
    As a rule, I never touch anything more sophisticated and delicate than myself.
      maandag 26 juni 2006 @ 22:27:53 #81
    12880 CraZaay
    prettig gestoord
    pi_39267155
    quote:
    Op maandag 26 juni 2006 14:35 schreef SuperRembo het volgende:
  • Als je in php een string gebruikt met dubbele "quotes" erin, gebruik dan enkele 'quotes' voor de string zelf. Dan hoef je ze niet te escapen met \. Dat leest veel fijner.
    • Hoort eigenlijkt in het PHP-topic, maar goed: het is per definitie beter om single quotes te gebruiken, en alleen dubbele te gebruiken voor strins waarin een variabele staat die geparsed moet worden. Bij single quotes gaat PHP namelijk niet eens proberen om de string te parsen, wat zorgt voor minder belasting.
    pi_39268515
    Ik vind leesbaarheid een belangrijker dan snelheid in veel gevallen. Gelukkig werkt dat elkaar hier niet tegen.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      maandag 26 juni 2006 @ 23:46:06 #83
    12880 CraZaay
    prettig gestoord
    pi_39270454
    quote:
    Op maandag 26 juni 2006 22:59 schreef SuperRembo het volgende:
    Ik vind leesbaarheid een belangrijker dan snelheid in veel gevallen. Gelukkig werkt dat elkaar hier niet tegen.
    Gaat prima samen inderdaad hiero. Wat belangrijker is hangt natuurlijk helemaal af van je resources. Een tweede bak gebruiken voor een site omdat de load te hoog is, maar je wel leesbare code hebt is ook een beetje bizar natuurlijk
      maandag 26 juni 2006 @ 23:50:15 #84
    12880 CraZaay
    prettig gestoord
    pi_39270579
    quote:
    Op maandag 26 juni 2006 17:16 schreef Desdinova het volgende:

    mijn divs hebben id1 en id2.
    Heb je id1 en id2 wel ergens gedefinieerd? Dus bijvoorbeeld:
    1var id1 = document.getElementById('id1');


    Hetzelfde geldt voor 'which'. Je Javascript kan niet ruiken wat 'which' is, dus zul je moeten gebruiken als:
    1document.getElementById(which).style.display == 'block'


    Begin eens op http://www.w3schools.com/js/ zou ik zeggen
    pi_39270777
    quote:
    Op maandag 26 juni 2006 22:27 schreef CraZaay het volgende:

    [..]

    Hoort eigenlijkt in het PHP-topic, maar goed: het is per definitie beter om single quotes te gebruiken, en alleen dubbele te gebruiken voor strins waarin een variabele staat die geparsed moet worden. Bij single quotes gaat PHP namelijk niet eens proberen om de string te parsen, wat zorgt voor minder belasting.
    ik doe werkelijk alles met dubbele quotes
    wist niet dat zelfs dat performance technisch nie slim was
    pi_39275276
    quote:
    Op maandag 26 juni 2006 23:50 schreef CraZaay het volgende:
    Hetzelfde geldt voor 'which'. Je Javascript kan niet ruiken wat 'which' is, dus zul je moeten gebruiken
    Dat ligt er natuurlijk helemaal aan hoe de functie wordt aangeroepen.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_39275838
    quote:
    Op maandag 26 juni 2006 23:50 schreef CraZaay het volgende:

    [..]

    Heb je id1 en id2 wel ergens gedefinieerd? Dus bijvoorbeeld:
    [ code verwijderd ]

    Hetzelfde geldt voor 'which'. Je Javascript kan niet ruiken wat 'which' is, dus zul je moeten gebruiken als:
    [ code verwijderd ]

    Begin eens op http://www.w3schools.com/js/ zou ik zeggen
    aah perfect! ik ben eruit

    ik had het script gebruikt zoals het was op een andere pagina, maar daar had ik niet de wens om alle andere ID's een display none te geven, en toen deed hij het ook gewoon.

    Nu heb ik je zinnetje toegepast en hij doet het
    As a rule, I never touch anything more sophisticated and delicate than myself.
    pi_39318352
    is het ook mogelijk om via javascript de waarde van een <input type='file'> door te sturen naar een functie?

    dus beetje dit idee:

    <input type="file" name="whatever" onchange="javascript:functiedit('dezewaarde');">
    As a rule, I never touch anything more sophisticated and delicate than myself.
    pi_39318494
    quote:
    Op woensdag 28 juni 2006 13:14 schreef Desdinova het volgende:
    is het ook mogelijk om via javascript de waarde van een <input type='file'> door te sturen naar een functie?

    dus beetje dit idee:

    <input type="file" name="whatever" onchange="javascript:functiedit('dezewaarde');">
    quote:
    <input type="file" name="whatever" onchange="javascript:functiedit(this.value);">


    [ Bericht 17% gewijzigd door #ANONIEM op 28-06-2006 13:19:23 ]
    pi_39319439
    lijkt niet helemaal te werken..

    is onchange wel de goede trigger?
    As a rule, I never touch anything more sophisticated and delicate than myself.
      woensdag 28 juni 2006 @ 13:52:37 #91
    85514 ralfie
    !Yvan eht nioj
    pi_39319967
    quote:
    Op woensdag 28 juni 2006 13:39 schreef Desdinova het volgende:
    lijkt niet helemaal te werken..

    is onchange wel de goede trigger?
    Ja, maar dat javascript: hoeft niet

    1<input type="file" name="whatever" onchange="functienaam(this.value)">
    pi_39320094
    ah tis een firefox beveiligingsdingetje.. werkt fenks
    As a rule, I never touch anything more sophisticated and delicate than myself.
    pi_39320530
    Owja shit, vergeten
      donderdag 29 juni 2006 @ 01:32:31 #94
    12880 CraZaay
    prettig gestoord
    pi_39342412
    quote:
    Op dinsdag 27 juni 2006 08:58 schreef SuperRembo het volgende:

    [..]

    Dat ligt er natuurlijk helemaal aan hoe de functie wordt aangeroepen.
    Zolang er nergens staat hoe een variabele definieerd wordt, ga ik er voor het gemak vanuit dat het niet gebeurd is. Anders kunnen we natuurlijk nooit iets debuggen hier
    pi_39345762
    quote:
    Op donderdag 29 juni 2006 01:32 schreef CraZaay het volgende:

    [..]

    Zolang er nergens staat hoe een variabele definieerd wordt, ga ik er voor het gemak vanuit dat het niet gebeurd is. Anders kunnen we natuurlijk nooit iets debuggen hier
    "which" was een parameter van de functie, dus die was wel gedefinieerd.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      donderdag 29 juni 2006 @ 09:30:42 #96
    12880 CraZaay
    prettig gestoord
    pi_39346394
    quote:
    Op donderdag 29 juni 2006 08:51 schreef SuperRembo het volgende:

    [..]

    "which" was een parameter van de functie, dus die was wel gedefinieerd.
    Je hebt nergens uit af kunnen leiden wat de inhoud van 'which' was iig. Voor mijn part werd de functie gebruikt als "functie('worst')".
    pi_39346811
    quote:
    Op donderdag 29 juni 2006 09:30 schreef CraZaay het volgende:

    [..]

    Je hebt nergens uit af kunnen leiden wat de inhoud van 'which' was iig. Voor mijn part werd de functie gebruikt als "functie('worst')".
    ik gaf mijn href toch? href = "javascript:hideshow('id1');"

    dan is id1 toch gewoon 'which'?
    As a rule, I never touch anything more sophisticated and delicate than myself.
      donderdag 29 juni 2006 @ 09:54:55 #98
    12880 CraZaay
    prettig gestoord
    pi_39346854
    quote:
    Op donderdag 29 juni 2006 09:52 schreef Desdinova het volgende:

    [..]

    ik gaf mijn href toch? href = "javascript:hideshow('id1');"

    dan is id1 toch gewoon 'which'?
    Je hebt helemaal gelijk, ik had er overeen gelezen.

    Neemt niet weg dat het daarom niet werkte
    pi_39347019
    mooi dan volg ik het nog een beetje.

    die werkte wel, hij ging fout bij het toevoegen van de anderen (id1.style.display == "block"), want daar begrijpt hij waarschijnlijk niet dat het om een elementID gaat.
    As a rule, I never touch anything more sophisticated and delicate than myself.
    pi_39350463
    nu deel 2

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10    		      function hideshow(which){
             var which = document.getElementById.which;
             if (!document.getElementById)
                alert('returning');
                return;
             if (which.style.display=="block")
                which.style.display="none"
             else
                which.style.display="block"
          }


    ik krijg geen errors.. maar ik zie ook niks veranderen.. terwijl de div met ID 'id0' en een zeer aanwezige style toch best aanwezig moet zijn zodra de display op block wordt gezet..

    ik ben een beetje aan het stoeien met de code, dus misschien dat er hier en daar niet veel van klopt, maar ik heb een heleboel manieren geprobeerd. Waarschijnlijk kijk ik ergens overheen, of loopt de code in de shite door de javascript text-editor (fckeditor) die op dezelfde page staat..

    iemand tips voor waar ik naar kan kijken?
    As a rule, I never touch anything more sophisticated and delicate than myself.
    actieve topics nieuwe topics
    abonnement Unibet Coolblue Bitvavo
    [Javascript] voor dummies - deel 4
    Index

    » digital corner

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