[Javascript] voor dummies (deel 6)

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
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
  maandag 8 oktober 2007 @ 12:41:38 #226
136730 PiRANiA
All thinking men are atheists.
pi_53788445
quote:
Op maandag 8 oktober 2007 11:42 schreef wobbel het volgende:
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?
[ code verwijderd ]

verder dan dit kom ik niet
document.getElementById('henk').value
?
Dag Google!
pi_53838449
ff een probleempje...
ik ben bezig om een systeempje te maken waarbij details ingevoerd kunnen worden door middel van een uitklapscherm. heb ik op deze manier gemaakt...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		   
function showWorkDetailsPerson(id, pauzes){
   // alle velden tonen
   for(i=1; i<=12; i++){
      veld = document.getElementById('rij_'+i+'_nummer_'+id);
      veld.style.display = 'table-cell';
   }
   
   // alle p velden tonen
   for (i=1; i<=pauzes; i++){
      if (i == 1){
         veld = document.getElementById('rij_'+id+'_'+i);   
         veld.style.display = 'table-cell';
         veld = document.getElementById('rij1_'+id+'_'+i);   
         veld.style.display = 'table-cell';
      }else{
         veld = document.getElementById('rij_'+id+'_'+i);   
         veld.style.display = 'none';
         veld = document.getElementById('rij1_'+id+'_'+i);   
         veld.style.display = 'none';
      }
   }
}


in firefox werkt het goed, in ie krijg ik een fout melding... heel vaag..
de fout zit in lijn 6..
quote:
Error: Could not get the display property. Invalid argument.
Code: 0
wat doe ik verkeerd?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  woensdag 10 oktober 2007 @ 16:32:25 #228
136730 PiRANiA
All thinking men are atheists.
pi_53841668
quote:
Op woensdag 10 oktober 2007 14:17 schreef markiemark het volgende:
ff een probleempje...
ik ben bezig om een systeempje te maken waarbij details ingevoerd kunnen worden door middel van een uitklapscherm. heb ik op deze manier gemaakt...
[ code verwijderd ]

in firefox werkt het goed, in ie krijg ik een fout melding... heel vaag..
de fout zit in lijn 6..
[..]

wat doe ik verkeerd?
document.getElementById('rij_'+i+'_nummer_'+id).style.display = 'table-cell';

die?
of

veld ='document.getElementById(rij_'+i+'_nummer_'+id)';
veld.style.display = 'table-cell';

denk ik hoor
Dag Google!
pi_53842622
Het zou best eens kunnen dat IE display: table-cell niet kent.
In plaats van style.display = 'table-cell' kan je waarschijnlijk beter style.display = '' gebruiken. Dat zorgt er voor dat de default waarde wordt gebruikt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_53855283
Ik heb twee multiselects naast elkaar, waarmee waarden van de ene naar de andere multiselectbox gezet kunnen worden. Dit werkt allemaal prima, als dan de rechterkant geselecteerd is, word ook alles keurig uitgelezen.

Maar nou is het de bedoeling dat als er iets in de rechter multiselect staat, hij bij onsubmit gelijk die hele multiselect selecteerd, zonder dat je dat zelf nog eens hoeft te doen. k heb al een aantal scripts geprobeerd, maar tot nog toe geen succes. Het script mag evt ook werken met een checkbox, waarbij je aangeeft of alles geselecteerd word.
minimalist
pi_53857470
quote:
Op woensdag 10 oktober 2007 17:25 schreef SuperRembo het volgende:
Het zou best eens kunnen dat IE display: table-cell niet kent.
In plaats van style.display = 'table-cell' kan je waarschijnlijk beter style.display = '' gebruiken. Dat zorgt er voor dat de default waarde wordt gebruikt.
Ik vind jou lievv..

Dank je wel! Het werkt!
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_53859901
quote:
Op donderdag 11 oktober 2007 07:26 schreef Vlek het volgende:
Maar nou is het de bedoeling dat als er iets in de rechter multiselect staat, hij bij onsubmit gelijk die hele multiselect selecteerd, zonder dat je dat zelf nog eens hoeft te doen. k heb al een aantal scripts geprobeerd, maar tot nog toe geen succes. Het script mag evt ook werken met een checkbox, waarbij je aangeeft of alles geselecteerd word.
Het enige wat je hoeft te doen is door alle options van de select lopen en voor elke option de selected property op true zetten.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_53861195
quote:
Op donderdag 11 oktober 2007 07:26 schreef Vlek het volgende:
Ik heb twee multiselects naast elkaar, waarmee waarden van de ene naar de andere multiselectbox gezet kunnen worden. Dit werkt allemaal prima, als dan de rechterkant geselecteerd is, word ook alles keurig uitgelezen.

Maar nou is het de bedoeling dat als er iets in de rechter multiselect staat, hij bij onsubmit gelijk die hele multiselect selecteerd, zonder dat je dat zelf nog eens hoeft te doen. k heb al een aantal scripts geprobeerd, maar tot nog toe geen succes. Het script mag evt ook werken met een checkbox, waarbij je aangeeft of alles geselecteerd word.
ik heb ooit dit geschreven:
1
2
3
4
5
6
7		function selectAll()
{
   for(i=0; i<document.form1.selectie.options.length; i++)
   {
      document.form1.selectie.options[i].selected = true;   
   }
}


En dat werkt..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  donderdag 18 oktober 2007 @ 21:27:04 #234
136730 PiRANiA
All thinking men are atheists.
pi_54018439
document.getElementById('buttonff01cf50fd6b21093bfb5e7d1827b92f').disabled='disabled';

staat ergens in mijn script, maar hoe krijg ik die knop nu weer aan?
Dag Google!
pi_54019114
De disabled property is eigenlijk een boolean, je had 'm dus eigenlijk op true moeten zetten. Om 'm weer te enabelen zet je disbled op false.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_54019737
Wat een id trouwens
Steam - SC2
pi_54021034
quote:
Op donderdag 18 oktober 2007 22:28 schreef super-muffin het volgende:
Wat een id trouwens
hehe idd.. zou wel automatisch gegenereerd zijn adhv session id of zo
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  vrijdag 19 oktober 2007 @ 07:50:14 #238
136730 PiRANiA
All thinking men are atheists.
pi_54025755
quote:
Op donderdag 18 oktober 2007 23:20 schreef markiemark het volgende:

[..]

hehe idd.. zou wel automatisch gegenereerd zijn adhv session id of zo
true
quote:
Op donderdag 18 oktober 2007 22:02 schreef SuperRembo het volgende:
De disabled property is eigenlijk een boolean, je had 'm dus eigenlijk op true moeten zetten. Om 'm weer te enabelen zet je disbled op false.
ga ik proberen, tnx
Dag Google!
pi_54098175
nevermind

[ Bericht 92% gewijzigd door Darkomen op 22-10-2007 22:33:38 ]
pi_54424664
Ik snap iets niet

1
2
3
4
5		function showReact()
{
    x = document.getElementById('react');
    (x.style.display == 'block') ? x.style.display = 'none' : x.style.display = 'block';
}


werkt maar de volgende code weer niet :?

1
2
3
4
5		function showReact()
{
    x = document.getElementById('react').style.display;
    (x == 'block') ? x = 'none' : x = 'block';
}


Waarom werkt de laatste code niet? kan iemand dat uitleggen? :D
The people who lost my respect will never get a capital letter for their name again.
Like trump...
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 6)
Index

» digital corner

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