[Javascript] voor dummies (deel 6)

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_53218519
quote:
Op zondag 16 september 2007 14:22 schreef wobbel het volgende:

[..]

dan zou alleen onderstaande toch ook moeten werken? Dat ik bij beide radiobuttons zelfde functie aanroep? (alleen dat doet ie dus niet)
[ code verwijderd ]
Ze doen hetzelfde, ze zijn niet exact hetzelfde (vergelijking met 'y' en 'n'). Doe de HTML erbij en het is, zoals SuperRembo zegt, makkelijk genoeg in 1 functie te plaatsen.
"If you are depressed you shouldn't be in C major!" - Rick Beato
  zondag 16 september 2007 @ 14:35:10 #202
37634 wobbel
Da WoBBeL King
pi_53218641
quote:
Op zondag 16 september 2007 14:29 schreef Litpho het volgende:

[..]

Ze doen hetzelfde, ze zijn niet exact hetzelfde (vergelijking met 'y' en 'n'). Doe de HTML erbij en het is, zoals SuperRembo zegt, makkelijk genoeg in 1 functie te plaatsen.
Jups, maar ik heb het al heel veel geprobeerd...maar JS is niet hetzelfde als PHP :')

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
39
40
41
42
43
44
45
46
47		<div id="content">
<h2>Reparatie aanmelden</h2>
<form action="#SITE_URL/task_add.php" method="post" name="TaskAdd" id="TaskAdd">
<table width="100%" border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td width="50%" align="left" valign="top">Bevat de PC een barcode?</td>
    <td width="50%" align="left" valign="top">Ja <input type="radio" name="Barcode" id="radio" value="y" onclick="Kiekeboe_a()" /> Nee <input type="radio" name="Barcode" id="radio2" value="n" onclick="Kiekeboe_b()" /></td>
  </tr>
  <tr id="BarcodeVeld" class="BarcodeVerstopt">
   <td colspan="2">
    
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="ReparatieTabel">
      <tr>
        <td width="50%" align="left" valign="top">  <img src="#SITE_URL/include/images/toptoright.gif" />Barcode</td>
        <td width="50%" align="left" valign="top"><input type="text" name="BarcodeInputVeld" id="BarcodeInputVeld" onBlur="BarcodeCheck(this.value)" style="border: solid #7f9db9 1px;" /> <img src="#SITE_URL/include/images/reload.gif" onclick="BarcodeCheck(document.getElementById ( 'BarcodeInputVeld' ).value)" /></td>
      </tr>
    </table>    
    
    </td>
  </tr>
  <tr id="KlantVeld" class="KlantVerstopt">
    <td colspan="2">
    
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="50%" align="left" valign="top">  <img src="#SITE_URL/include/images/toptoright.gif" />Naam</td>
        <td width="50%" align="left" valign="top"><input type="text" name="textfield2" id="textfield2" /></td>
      </tr>
      <tr>
        <td width="50%" align="left" valign="top">  <img src="#SITE_URL/include/images/toptoright.gif" />Telefoonnummer</td>
        <td width="50%" align="left" valign="top"><input type="text" name="textfield3" id="textfield3" /></td>
      </tr>
    </table>
    
    </td>
  </tr>
 <tr>
    <td align="left" valign="top" colspan="2"> </td>
  </tr>
  <tr>
    <td align="center" valign="top" colspan="2"><input type="image" name="imageField" src="#SITE_URL/include/images/buttons/task_toevoegen.jpg"></td>
  </tr>
</table>


<input type="hidden" name="sid" value="8f99d96f935336c7b8efb70944ff3105" /></form>
</div>
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_53218870
quote:
Op zondag 16 september 2007 14:22 schreef wobbel het volgende:

[..]

dan zou alleen onderstaande toch ook moeten werken? Dat ik bij beide radiobuttons zelfde functie aanroep? (alleen dat doet ie dus niet)
[ code verwijderd ]
Je moet kijken naar welke radiobutton geselecteerd is, dat kan met de checked property. Je moet niet kijken naar de value van een input-radio element, want die verandert niet.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_53219072
quote:
Op zondag 16 september 2007 14:42 schreef SuperRembo het volgende:

[..]

Je moet kijken naar welke radiobutton geselecteerd is, dat kan met de checked property. Je moet niet kijken naar de value van een input-radio element, want die verandert niet.
Tenzij je kiekeboe aanroept met this als parameter, dan krijg je wel de waarde mee van de specifieke radiobutton (ipv de geselecteerde waarde van de radiobuttongroup) en bij radiobuttons mag je er in een onclick vanuitgaan dat hij checked is.

1
2
3
4
5
6
7
8
9
10
11
12		function Kiekeboe(obj) {
   if ( obj.value == 'y' )
   {
      document.getElementById ( 'BarcodeVeld' ).className = 'BarcodeKiekeboe';
      document.getElementById ( 'KlantVeld' ).className = 'KlantVerstopt';
   }
   else
   {
      document.getElementById ( 'BarcodeVeld' ).className = 'BarcodeVerstopt';
      document.getElementById ( 'KlantVeld' ).className = 'KlantKiekeboe';
   }
}

1
2
3
4		<td width="50%" align="left" valign="top">
  Ja <input type="radio" name="Barcode" id="radio" value="y" onclick="Kiekeboe(this)" />
  Nee <input type="radio" name="Barcode" id="radio2" value="n" onclick="Kiekeboe(this)" />
</td>
"If you are depressed you shouldn't be in C major!" - Rick Beato
  zondag 16 september 2007 @ 17:16:43 #205
37634 wobbel
Da WoBBeL King
pi_53222574
quote:
Op zondag 16 september 2007 14:50 schreef Litpho het volgende:

[..]

Tenzij je kiekeboe aanroept met this als parameter, dan krijg je wel de waarde mee van de specifieke radiobutton (ipv de geselecteerde waarde van de radiobuttongroup) en bij radiobuttons mag je er in een onclick vanuitgaan dat hij checked is.
[ code verwijderd ]


[ code verwijderd ]
Kijk eens aan, daar heb ik wat aan. Code + uitleg
Hosted VoIP SIP trunks Vast mobiel VoIP
  zondag 16 september 2007 @ 18:17:44 #206
37634 wobbel
Da WoBBeL King
pi_53223923
quote:
Op maandag 10 september 2007 11:58 schreef SuperRembo het volgende:
Dat kan op allerlei manieren. Je kan de rows collection van de table gerbruiken, je kunt zelf bijhouden welke rows je hebt toegevoegd. Je kunt de rijen die je zelf toevoegt een class geven waar je ze aan kan herkennen. Als je altijd dezelfde velden laat zien dan kan je de velden leeg maken of verbergen, via ajax stuur je alleen de waarden van de velden, niet de hele HTML van de velden zelf.
als ik dan een row toevoeg met JS, hoe geef ik dan een class mee? en dan nog, hoe verwijder ik dan een rij met een bepaalde class?

Ik heb momenteel de onderstaande code om rijen in te voegen:

1
2
3
4
5
6
7
8
9
10		function insRow (row, value1, value2)
{

   var x         =   document.getElementById('ReparatieTabel').insertRow(row)
   var y         =   x.insertCell(0)
   var z         =   x.insertCell(1)
   y.innerHTML      =   value1
   z.innerHTML      =   value2

}
Hosted VoIP SIP trunks Vast mobiel VoIP
  maandag 17 september 2007 @ 09:35:51 #207
12880 CraZaay
prettig gestoord
pi_53236941
quote:
Op zondag 16 september 2007 18:17 schreef wobbel het volgende:

[..]

als ik dan een row toevoeg met JS, hoe geef ik dan een class mee?
Je maakt me niet wijs dat dit niet binnen 5 seconden te vinden is op Google:

1element.className = 'myclass';
  maandag 17 september 2007 @ 11:47:21 #208
37634 wobbel
Da WoBBeL King
pi_53240015
quote:
Op maandag 17 september 2007 09:35 schreef CraZaay het volgende:

[..]

Je maakt me niet wijs dat dit niet binnen 5 seconden te vinden is op Google:
[ code verwijderd ]
waar vind je dat allemaal? Ik zou namelijk ook graag willen weten hoe je de id="" instelt van een row die je toevoegt en ik ben nu dus serieus al aan het googlen op allerlei termen
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_53242532
id property al geprobeerd?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 17 september 2007 @ 17:39:05 #210
12880 CraZaay
prettig gestoord
pi_53248374
quote:
Op maandag 17 september 2007 13:37 schreef SuperRembo het volgende:
id property al geprobeerd?


Wat hij zegt:

1element.id = 'myId';
pi_53298747
hoe kan je uitrekenen hoelang een functie erover doet? graag in milliseconden.
ah. na een half uur zoeken toch gevonden:
http://www.peachpit.com/articles/article.aspx?p=31567&seqNum=2

[ Bericht 58% gewijzigd door SlimShady op 19-09-2007 13:48:13 ]
  vrijdag 21 september 2007 @ 12:22:49 #212
136730 PiRANiA
All thinking men are atheists.
pi_53353060
Hoe kan ik wat ik van mijn AJAX terugkrijg als script laten uitvoeren?
Dag Google!
pi_53353200
quote:
Op vrijdag 21 september 2007 12:22 schreef PiRANiA het volgende:
Hoe kan ik wat ik van mijn AJAX terugkrijg als script laten uitvoeren?
eval().
"If you are depressed you shouldn't be in C major!" - Rick Beato
  vrijdag 21 september 2007 @ 16:17:11 #214
136730 PiRANiA
All thinking men are atheists.
pi_53359443
quote:
Op vrijdag 21 september 2007 12:27 schreef Litpho het volgende:

[..]

eval().
if(xmlHttp.readyState==4)
{
eval(xmlHttp.responseText);
}
?
Dag Google!
  vrijdag 21 september 2007 @ 16:54:02 #215
12880 CraZaay
prettig gestoord
pi_53360363
quote:
Op vrijdag 21 september 2007 12:22 schreef PiRANiA het volgende:
Hoe kan ik wat ik van mijn AJAX terugkrijg als script laten uitvoeren?
eval idd, of gewoon lekker een framework gebruiken. Ik blijf me afvragen waarom iedereen steeds het wiel opnieuw wil uitvinden.
  vrijdag 21 september 2007 @ 20:23:32 #216
37634 wobbel
Da WoBBeL King
pi_53365391
quote:
Op vrijdag 21 september 2007 12:22 schreef PiRANiA het volgende:
Hoe kan ik wat ik van mijn AJAX terugkrijg als script laten uitvoeren?
idd met eval ();

let wel op dat je tekst ook moet parsen met document.write ();
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_53366018
quote:
Op vrijdag 21 september 2007 20:23 schreef wobbel het volgende:
let wel op dat je tekst ook moet parsen met document.write ();
Wat bedoel je?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  vrijdag 21 september 2007 @ 21:14:37 #218
37634 wobbel
Da WoBBeL King
pi_53366745
quote:
Op vrijdag 21 september 2007 20:45 schreef SuperRembo het volgende:

[..]

Wat bedoel je?
stel je ajax request roept check.php aan.
check.php geeft een waarde terug die je op je scherm uitpoept. (bijv "Henk Jan")
als je dat nu alsnog wilt uitpoepen moet je er het volgende van maken: document.write ('Henk Jan');

omdat eval ( ) "Henk Jan" als een commando of functie gaat inzien
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_53367037
Ja, dat spreekt voor zich. "Henk Jan" is geen javascript dus dat kan je niet als javascript uitvoeren.

document.write is soooooo 20th centrury.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_53476381
Ik zit met een vraag omdat ik iets niet voor elkaar krijg.

Ik heb een script voor ajax search suggest gedownloaded en wilde deze aanpassen zodat het script meerdere search boxjes aankan dus niet voor ieder boxje een appart script hoef te schrijven.

http://www.DynamicAJAX.com

Nu heb ik de html en javascript als volgt aangepast

HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20		<form id="frmSearch" action="">
    <input type="text" id="field1_txtSearch" name="field1_txtSearch" alt="Search Criteria" onkeyup="searchSuggest('field1');" autocomplete="off" />
    <input type="submit" id="cmdSearch" name="cmdSearch" value="Search" alt="Run Search" /><br />
    <div id="field1_search_suggest"></div>
<input type="hidden" name="sid" value="2fe620ab83006b3ecb3f005b830275d4" /></form>
<form id="frmSearch" action="">
    <input type="text" id="field2_txtSearch" name="field2_txtSearch" alt="Search Criteria" onkeyup="searchSuggest('field2');" autocomplete="off" />
    <input type="submit" id="cmdSearch" name="cmdSearch" value="Search" alt="Run Search" /><br />
    <div id="field2_search_suggest"></div>
<input type="hidden" name="sid" value="2fe620ab83006b3ecb3f005b830275d4" /></form>
<form id="frmSearch" action="">
    <input type="text" id="field3_txtSearch" name="field3_txtSearch" alt="Search Criteria" onkeyup="searchSuggest('field3');" autocomplete="off" />
    <input type="submit" id="cmdSearch" name="cmdSearch" value="Search" alt="Run Search" /><br />
    <div id="field3_search_suggest"></div>
<input type="hidden" name="sid" value="2fe620ab83006b3ecb3f005b830275d4" /></form>
<form id="frmSearch" action="">
    <input type="text" id="field4_txtSearch" name="field4_txtSearch" alt="Search Criteria" onkeyup="searchSuggest('field4');" autocomplete="off" />
    <input type="submit" id="cmdSearch" name="cmdSearch" value="Search" alt="Run Search" /><br />
    <div id="field4_search_suggest"></div>
>/form>


JS
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54		var searchReq = create_http_object(); // (eigen werkende xmlhttp func)

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest(field) 
{
    if (searchReq.readyState == 4 || searchReq.readyState == 0) 
    {
        var str = escape(document.getElementById(field + '_txtSearch').value);
        searchReq.open("GET", 'searchSuggest.php?search=' + str, true);
        searchReq.onreadystatechange = handleSearchSuggest(field); 
        searchReq.send(null);
    }      
}

//Called when the AJAX response is returned.
function handleSearchSuggest(field) 
{
    if (searchReq.readyState == 4) 
    {
        var ss = document.getElementById(field + '_search_suggest')
        ss.innerHTML = '';
        var str = searchReq.responseText.split("n");

        for (i = 0; i < str.length - 1; i++) 
        {
            //Build our element string.  This is cleaner using the DOM, but
            //IE doesn't support dynamically added attributes.
            var suggest = '<div onmouseover="javascript:suggestOver(this, '' + field + '');" ';
               suggest += 'onmouseout="javascript:suggestOut(this, '' + field + '');" ';
               suggest += 'onclick="javascript:setSearch(this.innerHTML, '' + field + '');" ';
               suggest += 'class="suggest_link">' + str[i] + '</div>';

            ss.innerHTML += suggest;
        }
    }
}

//Mouse over function
function suggestOver(div_value, field) 
{
    div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut(div_value, field) 
{
    div_value.className = 'suggest_link';
}
//Click function
function setSearch(value, field) 
{
    document.getElementById(field + '_txtSearch').value = value;
    document.getElementById(field + '_search_suggest').innerHTML = '';
}


Helaas krijg ik continue fouten op de eerste searchReq.readyState. Alleen zie ik niet waar deze fout in zit? iemand die het ziet? of een eventuele oplossing heeft?

[ Bericht 35% gewijzigd door Chandler op 26-09-2007 00:06:13 (ubb foutje) ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_53476976
Deze regel is fout
1    searchReq.onreadystatechange = handleSearchSuggest(field); 


onreadystatechange moet een functie zijn die kan worden uitgevoerd op het moment dat de readystate verandert. Jij voert meteen handleSearchSuggest(field) uit (dan is send() nog niet eens uitgevoerd), waardoor searchReq.onreadystatechange de waarde undefined krijgt.

Eenvoudigste oplossing:
1    searchReq.onreadystatechange = function(){ handleSearchSuggest(field);} 


Dit wordt vaak fout gedaan :X
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_53478791
quote:
Op woensdag 26 september 2007 00:37 schreef SuperRembo het volgende:
Dit wordt vaak fout gedaan
Het wachten is nu op Crazaay die je komt vertellen dat je gewoon een framework had moeten gebruiken .
"If you are depressed you shouldn't be in C major!" - Rick Beato
pi_53478952
Tnx SR en nee ik ga geen framework gebruiken, wil lekker zelf ontdekken hoe zaken werken!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_53485057
Volgende vraag dan maar quote uit CSS topic

Een voorbeeld.

1
2
3
4		<form>
Titel: <input type="text" name="woei" onClick="functie();"><br />
<div id="zoekveld"></div>
<input type="hidden" name="sid" value="2fe620ab83006b3ecb3f005b830275d4" /><input type="hidden" name="sid" value="2fe620ab83006b3ecb3f005b830275d4" /><input type="hidden" name="sid" value="2fe620ab83006b3ecb3f005b830275d4" /><input type="hidden" name="sid" value="2fe620ab83006b3ecb3f005b830275d4" /></form>


Nu is de begin positie van 'zoekveld' goed hoor, maar wil dat deze over de onderstaande velden valt dus niet de pagina verbreed maar eeder 'zweeft' oid..

Is de inhoud leeg? dan zie je niets
Is de inhoud gevuld dan zie ik deze div container over andere velden heen (zoals een menu oid) hoe krijg ik dat voor elkaar? iemand een voorbeeld?

-edit-

vervolg,

Heb nu het volgende aangepast en krijg nu de box achter de onderliggende elementen/teksten

1
2
3
4
5
6
7		                        .suggest_box {
                            position: relative;
                            width: 250px; 
                            border: 1px solid black; 
                            display: none;
                            z-index: 999;
                        }      


HTML
1
2
3
4
5		<form id="frmSearch" action="" style="position: absolute; z-index: 4;">
    Gebruiker: <input type="text" id="field4_txtSearch" name="field4_txtSearch" alt="Search Criteria" onkeyup="searchSuggest('username', 'field4');" autocomplete="off" />
    <input type="submit" id="cmdSearch" name="cmdSearch" value="Search" alt="Run Search" /><br />
    <div id="field4_search_suggest" class="suggest_box"></div>
<input type="hidden" name="sid" value="2fe620ab83006b3ecb3f005b830275d4" /></form>


maar de tekst er achter is ook niet alls dit is nog zonder JS ed. Heb nu wel een get en set Position functie gevonden maar hoef daar helaas nog niets mee te doen!

[ Bericht 33% gewijzigd door Chandler op 26-09-2007 14:23:24 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  maandag 8 oktober 2007 @ 11:42:04 #225
37634 wobbel
Da WoBBeL King
pi_53786969
Ik heb ergens op de pagina een <input type="text" name="henk" id="henk" value="onbekend"> staan.

Hoe kan ik nou ergens verderop de de pagina dmv een functie die waarde ("onbekend") opvragen?

1
2
3
4
5
6		function GetValue ( field )
{

   var obj = document.getElementById(field)

}


verder dan dit kom ik niet :P
Hosted VoIP SIP trunks Vast mobiel VoIP
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 6)
Index

» digital corner

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