[Javascript] voor dummies - deel 4

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_41815614
Je doet in PHP wel een urldecode(), maar je hebt de data niet geurlencode. In javascript kan dat met encodeURIComponent . Die functie bestaat trouwens niet in oudere versies van IE (versie 5 en lager als ik het goed heb). Soms wordt hier de escape() functie gebruikt, maar die gebruikt een andere encoding.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_41816405
quote:
Op donderdag 14 september 2006 21:41 schreef SuperRembo het volgende:
Je doet in PHP wel een urldecode(), maar je hebt de data niet geurlencode. In javascript kan dat met encodeURIComponent . Die functie bestaat trouwens niet in oudere versies van IE (versie 5 en lager als ik het goed heb). Soms wordt hier de escape() functie gebruikt, maar die gebruikt een andere encoding.
*kuch* die functie staat er wel .
Curiosity Killed The Cat
pi_41816738
ai, ik ben blind

Bij nader inzien is de urldecode() in php gewoon overbodig. Dat doet php zelf al bij het omzetten van de request naar de $_POST en $_GET array's.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_41816875
dat was hem .
Curiosity Killed The Cat
pi_41885244
ben ik weer met vast een simpele vraag:
ik heb een dropdownlist waar 4 waardes in staan met de volgende value's :
AT, FG, P, C
voor elk van deze value is ook een gelijknamige DIV beschikbaar

nu kan ik d.m.v. de volgende code:
1<select name="add_type" onchange="document.getElementById(this.value).style.display = 'Block';document.getElementById(this.value).style.visibility = 'visible'">

netjes de bijbehorende div zichtbaar maken maar ik wil dat hij dan ook de andere div's die zichtbaar zouden zijn ook sluit...

ik heb het zelf ooit op deze manier opgelost in een ander script:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25		function cloack(waarde)
{
 if(waarde == "yes")
    {
      document.getElementById('layer1').style.display = 'None';
      document.getElementById('layer2').style.visibility = 'visible';
      document.getElementById('layer2').style.display = 'Block';
      document.getElementById('command').style.display = 'None';
   }
 else if(waarde == "no")
    {
      document.getElementById('layer2').style.display = 'None';
      document.getElementById('layer1').style.visibility = 'visible';
      document.getElementById('layer1').style.display = 'Block';
      document.getElementById('command').style.display = 'None';
   }
 else
    {
      document.getElementById('layer2').style.visibility = 'hidden';
      document.getElementById('layer2').style.display = 'None';
      document.getElementById('layer1').style.visibility = 'hidden';
      document.getElementById('layer1').style.display = 'None';
      document.getElementById('command').style.display = 'None';
   }
}


maar ik mag aannemen dat het simpeler moet kunnen?
pi_41935369
Het heeft in ieder geval geen zin om iets wat je niet laat zien (display none) ook nog eens te verbergen (visibility hidden). Het makkelijkst is om een lijstje met id's te maken waarvan je er altijd maar 1 tegelijk laat zien.

1
2
3
4
5
6
7		var divs = ['AT', 'FG', 'P', 'C'];

function showDiv(id) {
   for (var i = 0; i < divs.length; i++) {
      document.getElementById(divs[i]).style.display = (divs[i] == id ? 'block' : 'none');
   }
}


Je zou die divs ook allemaal in een andere div kunnen zetten. Dan kan je door de divs heen lopen zonder dat je de id's in een lijstje hoeft te zetten.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_41949125
1
2
3
4
5
6
7		<input type="checkbox" name="allowed[]" value="2">
<input type="checkbox" name="allowed[]" value="2">
<input type="checkbox" name="allowed[]" value="2">
      <input class="button_140" type="button" value="Toevoegen"
         onclick="javascript:
            if (!document.new_page.allowed[].checked){ popupalert('allowed'); }
            else { this.form.submit(); }">


Dit is een stukje van mijn code. Dit staat in form met name new_page.

Ik wil graag dat hij een melding geeft als geen van de allowed checked is.. het aantal allowed is variabel. Hoe kan ik dit het beste aanpakken?
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_41953488
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		function check_boxes(field)
{
var non_checked='0';
for (i = 0; i < field.length; i++)
   if(field[i].checked = false)
 { var non_checked = '1';
 }
}
if(non_checked)
{
alert ('je hebt niks geselecteerd');
}
}

onClick="check_boxes(document.new_page.allowed[])">


Zoiets, niet gechecked trouwens
pi_41953846
Dit gaat natuurlijk niet werken:
1document.new_page.allowed[].checked


1var allowed = document.forms['new_page'].elements['allowed[]'];

Hiermee krijg je een array met al je allowed[] checkboxen. Daar moet je dan even doorheen loopen om te kijken of er een checked is.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_41954635
tenks met de combinatie kom ik in de goede richting. rest gaat wel lukken!

[edit]
1
2
3
4
5
6
7
8
9
10
11
12		   function check_boxes(){
      var non_checked2 = document.forms['new_page'].elements['allowed[]'];      
      for (i = 0; i < non_checked2.length; i++){
         if(non_checked2[i].checked == false){
            var non_checked = '1';
         }
         else {
            return true;
         }
      }
      return false;
   }


dit is hem geworden. werkt goed

[edit2]
1
2
3
4
5
6
7
8
9		   function check_boxes(){
      var non_checked2 = document.forms['new_page'].elements['allowed[]'];      
      for (i = 0; i < non_checked2.length; i++){
         if(non_checked2[i].checked == true){
            return true;
         }
      }
      return false;
   }


en zo istie zonder de dingen die dr niet in hoeven

[ Bericht 55% gewijzigd door Desdinova op 19-09-2006 16:46:33 ]
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_41954871
Edit: zie dat je zelf al wat hebt
pi_41958131
" == true" is natuurlijk overbodig.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_41970599
Hoe zorg ik ervoor dat als ik in een dropdown menu een bepaalde optie selecteer (bijvoorbeeld: "Anders, namelijk:") dat er dan een eerder disabled textfield enabled wordt.

Als je dan weer een andere optie kiest dan moet ie weer disabled worden.

Ik heb nu dit, maar hij enabled niet meer nadat hij disabled is..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		<script type="text/JavaScript">
<!--
function disableField(targ,selObj,restore)
{
   if (selObj != 1)
   {
      document.form1.emailaddress.disabled=true;
   }
   else
   {
      document.form1.emailaddress.disabled=false;
   }
}
//-->
</script>

    <select name="select" onchange="disableField('parent',this,0)">
      <option value="1">Zelf</option>
      <option value="0">Iedereen</option>
      <option value="0" selected="selected">Abonnees</option>
    </select>
    <input type="text" name="emailaddress"/>
pi_41974194
quote:
Op woensdag 20 september 2006 00:11 schreef Siegfried het volgende:
Hoe zorg ik ervoor dat als ik in een dropdown menu een bepaalde optie selecteer (bijvoorbeeld: "Anders, namelijk:") dat er dan een eerder disabled textfield enabled wordt.

Als je dan weer een andere optie kiest dan moet ie weer disabled worden.

Ik heb nu dit, maar hij enabled niet meer nadat hij disabled is..
[ code verwijderd ]
Je moet de waarde van de dropdown meegeven aan je disableFields() functie, en op basis daarvan gaan togglen.
  woensdag 20 september 2006 @ 08:54:40 #190
12880 CraZaay
prettig gestoord
pi_41974519
Probeer eens iets als this.value mee te sturen naar je method, ipv alleen this.
pi_41984803
1
2
3		function disableField(el) {
   document.forms['form1'].elements['emailaddress'].disabled = (el.value == '1');
}


En dan aanroepen met onchange="disableField(this)"
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_42007794
Ik wil em eigenlijk graag aanroepen met de naam van het textfield, die ik dan als variable kan gebruiken binnen de functie.. Maar dat krijg ik maar niet werkend:

1
2
3
4
5
6
7
8
9		function disableField(field)
{
      document.form1.+field.value+.disabled=true;
}

function enableField(field)
{
      document.form1.+field.value+.disabled=true;
}


1
2
3
4
5
6
7
8
9		<p>Verzend-adres: 
    <select name="select">
      <option onclick="javascript:disableField(sender-adress)">info@domein.nl</option>
      <option onclick="javascript:disableField(sender-adress)">noreply@domein.nl</option>
      <option onclick="javascript:disableField(sender-adress)">nieuwsbrief@domein.nl</option>
      <option onclick="javascript:enableField(sender-adress)">Anders..</option>
    </select>
    <input type="text" name="sender-address"/>
  </p>


Op deze manier moet het toch ook kunnen? Vast niet met de code die ik geschreven heb, maar ik ben dan ook nog niet zo thuis in Javascript..
pi_42007924
.value moet zoiezo weg want disabled is geen value
verder kunnen de plusjes ook weg want . is al plus

denk ik
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_42008044
plus dat je op een option geen onClick kan doen.

Je moet de value doorgeven in de onclick functie. Pas in je javascript ga je diezelfde value vergelijken en op basis daarvan ga je togglen.

[ Bericht 63% gewijzigd door #ANONIEM op 21-09-2006 09:56:13 ]
pi_42008066
Nou, ik had het eerder werkend met onClick.
Maar dat was slechts voor 1 textfiedl. Nu wilde ik hem herbruikbaar maken..
pi_42008078
quote:
Op donderdag 21 september 2006 09:56 schreef Siegfried het volgende:
Nou, ik had het eerder werkend met onClick.
Maar dat was slechts voor 1 textfiedl. Nu wilde ik hem herbruikbaar maken..
Ja, en dat kan met de code van SuperRembo!
pi_42008148
quote:
Op donderdag 21 september 2006 09:57 schreef Scorpie het volgende:

[..]

Ja, en dat kan met de code van SuperRembo!
Hoe dan?
Want het form en element staan er vast in..

Hoe maak ik dat variabel?
pi_42009957
je zou onchange kunnen gebruiken in je select, met als value this.value. moet je wel je options een value meegeven
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_42010094
quote:
Op donderdag 21 september 2006 10:01 schreef Siegfried het volgende:

[..]

Hoe dan?
Want het form en element staan er vast in..

Hoe maak ik dat variabel?
element kan je meegeven, form kan je vast ook wel wat mee verzinnen, mits je maar google gebruikt...
pi_42010539
quote:
Op donderdag 21 september 2006 11:23 schreef Scorpie het volgende:

[..]

element kan je meegeven, form kan je vast ook wel wat mee verzinnen, mits je maar google gebruikt...
Denk niet dat ik niet google en niet zelf probeer, maar als je niet waar op te zoeken of wat te proberen dan vind je bar weinig kan ik je vertellen
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - deel 4
Index

» digital corner

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