[Javascript] voor dummies - deel 4 | Digital Corner (DIG)

vrijdag 1 september 2006 @ 12:01:45 #158

splendor

...

wanneer ik dit gebruik:
document.frmChannelOptions.radio1.length
krijg ik netjes terug dat ik 3 radio buttons heb met allemaal de naam radio1, en dus kan ik aan de hand van
document.frmChannelOptions.radio1[2].value
bijvoorbeeld uit de 2e radiobutton de value halen.

maar nu wil ik met een while loopje die radio1 veranderen in radio2, radio3, etc.

dus ik probeer
var radiolala = 'radio' + i;

en vervolgens
document.frmChannelOptions.radiolala.length

maar dat pakt ie niet, waarom niet? Hoe moet ik in zo'n document.frmChannelOptions. een variable stoppen?
als ik alert radiolala doe komt er wel gewoon netjes radio1 of radio2 uit, enz.

bvd.

zondag 3 september 2006 @ 21:01:43 #159

SuperRembo

Sinds 1998

1 2	var radiolala = 'radio' + i; document.frmChannelOptions.elements[radiolala].length

zondag 3 september 2006 @ 23:58:35 #160

splendor

...

Bedankt, weer zo'n simpele oplossing maar je moet het maar net weten

of weten hoe ernaar te zoeken..

maandag 4 september 2006 @ 07:59:07 #161

SuperRembo

Sinds 1998

Het is een feature van javascript: je kunt een property van een object ook aanspreken als een element van een array:

1
2
3

var form = document.forms['myForm'];// array notatie
var form = document.forms.myForm;// property notatie
var form = document.myForm;// verkorte notatie

dinsdag 5 september 2006 @ 17:59:49 #162

marcb1974

Dakshin Ray

<input type="radio" name="overig" value="overig">Overig<p>

</form>

Ik heb bovenstaande code. Hoe krijg ik hem nou zover dat er maar 1 selecteerbaar is? Ik kan er nu meer selecteren en dat is niet de bedoeling.

stupidity has become as common as common sense was before

dinsdag 5 september 2006 @ 18:10:42 #163

SuperRembo

Sinds 1998

Allemaal dezelfde name geven. Simpel

dinsdag 5 september 2006 @ 18:25:00 #164

marcb1974

Dakshin Ray

quote:
Op dinsdag 5 september 2006 18:10 schreef SuperRembo het volgende:
Allemaal dezelfde name geven. Simpel

Logisch wel ja

Sorry

stupidity has become as common as common sense was before

woensdag 6 september 2006 @ 11:23:07 #165

Sitethief

Fulltime Flapdrol

Kort vraagje:

1
2
3
4

Dat zorgt ervoor dat je een andere pagina te zien krijgt als dat je refer is ?

Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)

woensdag 6 september 2006 @ 12:28:51 #166

Darkomen

window.location=

maar dan klopt het

zaterdag 9 september 2006 @ 18:03:29 #167

marcb1974

Dakshin Ray

Ik moet van een formulier controleren of een aantal velden is ingevuld. Nu heb ik de volgende code:

function controleer(){
// controleer of de gebruiker een waarde heeft ingevoerd
if (document.form1.naam.value == ''){
//nee
alert('Vul alle verplichte velden in aub');
return false
}
else{
popup();
}
}

Dit is de controle op het eerste veld. Als ik nu meer velden wil controleren moet ik volgens mij iets krijgen van:
if (document.form1.naam.value == '' || document.form1.voorletters.value = ''){

Alleen als ik het cursieve deel toevoeg gaat het fout en krijg ik foutmeldingen.
Wat doe ik fout?

stupidity has become as common as common sense was before

zaterdag 9 september 2006 @ 18:26:38 #168

ralfie

!Yvan eht nioj

dubbele = teken gebruiken, geen enkel (== vergelijken, = toewijzen van variabele)

zaterdag 9 september 2006 @ 22:31:57 #169

marcb1974

Dakshin Ray

quote:
Op zaterdag 9 september 2006 18:26 schreef ralfie het volgende:
dubbele = teken gebruiken, geen enkel (== vergelijken, = toewijzen van variabele)

Dat had ik moeten zien ja

thx

stupidity has become as common as common sense was before

zaterdag 9 september 2006 @ 22:41:20 #170

marcb1974

Dakshin Ray

quote:
<select name="landen">
<option selected>Kies uw land
<option value="Australie">Australie
<option value="Belgie">Belgie
<option value="Canada">Canada
<option value="Denemarken">Denemarken
<option value="Duitsland">Duitsland
<option value="Engeland">Engeland
<option value="Frankrijk">Frankrijk
<option value="Luxemburg">Luxemburg
<option value="Nederland">Nederland
<option value="Nieuw-Zeeland">Nieuw-Zeeland
</select>

Hoe kan ik hierbij in een functie controleren of er iets is geselecteerd, en er dus niet de standaard waarde nog staat?

Ik heb nu:

quote:
function land(){
// controleer of de gebruiker een waarde heeft ingevoerd
if (document.form1.land.value == true){
//nee
alert('Vul alle verplichte velden in aub');
return false;
}
}

maar dat is duidelijk niet goed.

stupidity has become as common as common sense was before

zondag 10 september 2006 @ 11:39:46 #171

Darkomen

1
2
3
4
5

<select name="landen" id="landen">
if(document.getElementById('landen').selectedIndex=='0')
{
//Something
}

zondag 10 september 2006 @ 11:51:09 #172

marcb1974

Dakshin Ray

quote:
Op zondag 10 september 2006 11:39 schreef Darkomen het volgende:

[ code verwijderd ]

Thx,

[ Bericht 21% gewijzigd door marcb1974 op 10-09-2006 22:30:13 ]

stupidity has become as common as common sense was before

zondag 10 september 2006 @ 12:02:43 #173

Knut

Loyal Dog

Ik ben bezig met een stukje js die een textarea aanmaakt in een bepaalde div. Dat werkt allemaal goed maar nu wil ik dus kijken of de textarea al bestaat. Als hij niet bestaat een nieuwe aanmaken en anders negeren.

1
2
3

obj=document.getElementById('textarea'+ reactId);
alert(typeof(obj));
if (typeof(obj)!='undefined'){

Dit zou (Volgens mij) moeten werken maar ik krijg altijd "object" uit de alert...

[20:25] [Knut] Een vrouw met een kerst fetish...
[20:26] [Knut] Niet zo letterlijk dat ik haar met baard om moet HOHOHOEN
[20:26] [Knut] maar je snapt het idee wel.

zondag 10 september 2006 @ 22:23:46 #174

SuperRembo

Sinds 1998

Waarom typeof 'object' geeft snap ik niet helemaal. Het is wel een object, maar zonder property's.
Wat wel gewoon werkt is dit:

1
2
3
4

var obj = document.getElementById('textarea'+ reactId);
if (!obj) {
// create textarea
}

_{(Hier gaat nog iets mis met de code tag styling, maar dan alleen in edit preview mode)}

[ Bericht 4% gewijzigd door SuperRembo op 10-09-2006 23:46:52 ]

donderdag 14 september 2006 @ 20:14:57 #175

rickmans

Hasselmans

ik zit met een dufprobleem :{.
Ik gebruik de waarde van een textarea om door te geven naar een phpfile via een ajaxcall, alleen verdwijnt het teken '+' als sneeuw voor de zon. Iemand een idee om het op te lossen?

js:

1
2
3
4

var editText = encodeURIComponent(document.getElementById(newobjId).value);

# in onderstaande functie is het derde argument de post string voor het xmlhttp request
ahahCall('url', objId, 'action=editReact&reactId='+reactId+'&reactArea='+ editText, 'returnText');

In php doe ik het volgende:

1
2
3

<?php
$_POST["reactArea"]= urldecode($_POST["reactArea"]);
?>

Curiosity Killed The Cat

donderdag 14 september 2006 @ 21:41:55 #176

SuperRembo

Sinds 1998

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.

donderdag 14 september 2006 @ 21:58:36 #177

rickmans

Hasselmans

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

donderdag 14 september 2006 @ 22:06:36 #178

SuperRembo

Sinds 1998

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.

donderdag 14 september 2006 @ 22:09:28 #179

rickmans

Hasselmans

dat was hem

Curiosity Killed The Cat

zondag 17 september 2006 @ 12:57:25 #180

mschol

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

maar ik mag aannemen dat het simpeler moet kunnen?

maandag 18 september 2006 @ 22:35:51 #181

SuperRembo

Sinds 1998

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.

dinsdag 19 september 2006 @ 13:17:36 #182

Desdinova

Olaa

1
2
3
4
5
6
7

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.

dinsdag 19 september 2006 @ 15:51:03 #183

Darkomen

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Zoiets, niet gechecked trouwens

dinsdag 19 september 2006 @ 16:02:28 #184

SuperRembo

Sinds 1998

Dit gaat natuurlijk niet werken:

1	document.new_page.allowed[].checked

1	var 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.

dinsdag 19 september 2006 @ 16:30:25 #185

Desdinova

Olaa

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

dit is hem geworden. werkt goed

[edit2]

1
2
3
4
5
6
7
8
9

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.

dinsdag 19 september 2006 @ 16:39:45 #186

Darkomen

Edit: zie dat je zelf al wat hebt

dinsdag 19 september 2006 @ 18:39:49 #187

SuperRembo

Sinds 1998

" == true" is natuurlijk overbodig.

woensdag 20 september 2006 @ 00:11:56 #188

Siegfried

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

woensdag 20 september 2006 @ 08:30:02 #189

#ANONIEM

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

CraZaay

prettig gestoord

Probeer eens iets als this.value mee te sturen naar je method, ipv alleen this.

woensdag 20 september 2006 @ 15:29:51 #191

SuperRembo

Sinds 1998

1
2
3

function disableField(el) {
document.forms['form1'].elements['emailaddress'].disabled = (el.value == '1');
}

En dan aanroepen met onchange="disableField(this)"

donderdag 21 september 2006 @ 09:41:36 #192

Siegfried

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..

donderdag 21 september 2006 @ 09:48:21 #193

Desdinova

Olaa

.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.

donderdag 21 september 2006 @ 09:55:11 #194

#ANONIEM

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 ]

donderdag 21 september 2006 @ 09:56:41 #195

Siegfried

Nou, ik had het eerder werkend met onClick.
Maar dat was slechts voor 1 textfiedl. Nu wilde ik hem herbruikbaar maken..

donderdag 21 september 2006 @ 09:57:15 #196

#ANONIEM

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!

donderdag 21 september 2006 @ 10:01:24 #197

Siegfried

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?

donderdag 21 september 2006 @ 11:17:30 #198

Desdinova

Olaa

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.

donderdag 21 september 2006 @ 11:23:20 #199

#ANONIEM

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...

donderdag 21 september 2006 @ 11:40:10 #200

Siegfried

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

donderdag 21 september 2006 @ 12:15:47 #201

#ANONIEM

quote:
Op donderdag 21 september 2006 11:40 schreef Siegfried het volgende:

[..]

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

http://www.google.nl/search?hl=nl&q=javascript+disable+field&meta=

Google; Javascript disable fields.

Duizenden hits.

donderdag 21 september 2006 @ 13:25:38 #202

Desdinova

Olaa

quote:
Op donderdag 21 september 2006 12:15 schreef Scorpie het volgende:

[..]

http://www.google.nl/search?hl=nl&q=javascript+disable+field&meta=

Google; Javascript disable fields.

Duizenden hits.

das niet echt een relevante search he

hoeveel items zou je af moeten gaan om te vinden wat hij zoekt? en je kan wel op elke vraag gaan roepen dat ze moeten googlen. vooral in het begin is het beter om mensen met wat extra uitleg te helpen zodat ze weten wat ze aan het doen zijn ipv zomaar scripts overnemen van een voorbeeld, dan hebben ze de volgende keer hetzelfde probleem. nofi

As a rule, I never touch anything more sophisticated and delicate than myself.

donderdag 21 september 2006 @ 15:05:57 #203

Siegfried

quote:
Op donderdag 21 september 2006 12:15 schreef Scorpie het volgende:

[..]

http://www.google.nl/search?hl=nl&q=javascript+disable+field&meta=

Google; Javascript disable fields.

Duizenden hits.

Hoe ik velden moet disablen weet ik wel, maar hoe ik dit dynamisch krijg; dat was de vraag.

@Desdinova: Thanks, zo denk ik er ook over.
Op andere gebieden ben ik ook niet te beroerd om mensen te helpen.

donderdag 21 september 2006 @ 15:29:46 #204

#ANONIEM

*Zucht* Nou vooruit dan maar

Even wat code gejat van mijn werk:

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
26
27
28
29
30
31
32
33
34
35
36
37
38

/**
* disableFields is used to disable the form fields.
* example: checkThis(this, 'fieldName',resetValue)
*
* @param thisField = the Object that calls the function, for reference.
* @param fieldNames String defining the field that needs to be disabled
* @param reset Boolean indicating wether or not the fieldName value should be set before disabling.
* @param defaultValue value to which the fieldname should be set before disabling.
* @author Scorpie
*/
function disableFields(thisField,fieldNames,reset,defaultValue,formName,index)
{
  // split fieldNames into an array for further processing
   var fieldNames_array = fieldNames.split(",");

  if(thisField.checked==true)
  {
   for(i=0;i<fieldNames_array.length;i++){

       // this method is used so that in the future we can easily extend it with other field types for reuse.
      if(reset == true){
       if(document.getElementById(fieldNames_array[i]).getAttribute("type") == "select-one"){

         // default value to which the option select box should point at when disabling.
         // -1 is default, indicating that it will jump back to its original value.
       document.getElementsByName(fieldNames_array[i])[index].selectedIndex = -1;
       document.getElementsByName(fieldNames_array[i])[index].setAttribute("value","");
       }
      }
    document.getElementsByName(fieldNames_array[i])[index].disabled = true;
    }
  } else {
     for(i=0;i<fieldNames_array.length;i++){
      document.getElementsByName(fieldNames_array[i])[index].disabled = false;
      document.getElementsByName(fieldNames_array[i])[index].setAttribute("value","");
   }
  }
}

en als aanroep bijvoorbeeld:

disableFields(this,'type1,type2',true,'-1','type3',"+index+")";

Dit is de wat uitgebreidere versie waarin je meerdere velden kan disablen met een comma separated string te gebruiken.

[ Bericht 1% gewijzigd door WyriHaximus op 07-04-2010 10:23:44 ]

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

[Javascript] voor dummies - deel 4

» digital corner

» digital corner