[Javascript] voor dummies deel 5

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_48794885
Hey hey, ik zie dummies in de TT staan hoor .
Achter-elkaar-bezochte-Ajax-thuiswedstrijden-meter: [b]29[/b].
[b]Laatste wedstrijd:[/b] FC Timişoara. [b]Volgende:[/b] ADO Den Haag.
Ray's Statshoekje - 2009/2010.
  vrijdag 27 april 2007 @ 23:42:00 #204
12880 CraZaay
prettig gestoord
pi_48795193
Ook die kunnen het beter meteen goed doen
pi_48861160
Ik heb een favicon op m'n site, werkt prima, alleen is het mogelijk dat ik niet op elke pagina deze regel hoef toe te voegen?

1<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


En is het mogelijk om schuifbalken weg te laten? Laat maar .

[ Bericht 10% gewijzigd door RayMania op 30-04-2007 12:15:01 ]
Achter-elkaar-bezochte-Ajax-thuiswedstrijden-meter: [b]29[/b].
[b]Laatste wedstrijd:[/b] FC Timişoara. [b]Volgende:[/b] ADO Den Haag.
Ray's Statshoekje - 2009/2010.
pi_48861264
Als je favicon.ico in je wwwroot staat dan hoef je die regel niet toe te voegen.

Schuifbalken weglaten kan met CSS: body {overflow:hidden}

(beide geen javascript vragen )
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_48861323
quote:
Op maandag 30 april 2007 12:14 schreef SuperRembo het volgende:
Als je favicon.ico in je wwwroot staat dan hoef je die regel niet toe te voegen.

Schuifbalken weglaten kan met CSS: body {overflow:hidden}

(beide geen javascript vragen )
Ohja, ik zie het . Alleen in FireFox zie ik hem op elke pagina, niet met IE helaas.

En schuifbalken heb ik al gevonden .
Achter-elkaar-bezochte-Ajax-thuiswedstrijden-meter: [b]29[/b].
[b]Laatste wedstrijd:[/b] FC Timişoara. [b]Volgende:[/b] ADO Den Haag.
Ray's Statshoekje - 2009/2010.
pi_48894657
Ik zit met een kleine vraag.

Ik wilde iets replacen uit een string, echter wordt alleen de eerst gevonden 'verandering' veranderd

1
2		    str = "zoeken/" + document.getElementById('zoek').value + ".html";
    str = str.replace(" ", "+");


voorbeeld

value = "hello world"; dan wordt dit hello+world

maar als ik hello nice little world er van maak dan wordt het hello+nice little world

Hoe kan dit? en wat is de simpele oplossing (een loopje? of is er een gemakkelijkere oplossing?)

zo dus

1
2		    str = "zoeken/" + document.getElementById('zoek').value + ".html";
    str = str.replace(/ /g, "+");


[ Bericht 22% gewijzigd door Chandler op 01-05-2007 17:23:42 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_48913017
1blaat.setAttribute("onfocus","alert('test')");


Waarom werkt dit wel in FF en niet in IE
PS4 online: micro_nl
pi_48913172
quote:
Op woensdag 2 mei 2007 00:50 schreef guitarist.nl het volgende:

[ code verwijderd ]

Waarom werkt dit wel in FF en niet in IE
Omdat het al laat is en je loopt te prutsen?
PS4 online: micro_nl
pi_48926291
Ik ben met Ajax bezig op een manier die ik altijd al gebruik, al krijg ik sinds vandaag een hele leuke error toegesmeten:

"Permission denied to call method XMLHttpRequest.open".

Een bekend probleem?
  woensdag 2 mei 2007 @ 14:27:52 #212
3677 SuperRembo
Sinds 1998
pi_48926369
Is het misschien een cross-domain request? Of anders een http request vanuit een https pagina?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_48927022
Dom dom, het is inderdaad een cross-domain request. Heb het maar via PHP afgehandeld, dat gaat wat makkelijker
pi_48927809
Had ik pas inderdaad pas ook
Uiteindelijk ook via php opgelost
pi_48986024
quote:
Op maandag 30 april 2007 12:17 schreef RayMania het volgende:

[..]

Ohja, ik zie het . Alleen in FireFox zie ik hem op elke pagina, niet met IE helaas.

En schuifbalken heb ik al gevonden .
ie gebruikt em dan ook waar hij voor bedoelt is , favorite icon
http://en.wikipedia.org/wiki/Favicon

anyway vraagje:

ik heb op mijn site een Javascript navigatie menu echter als JS uitstaat heb je er natuurlijk geen hol aan...

hoe kan ik op een makkelijke, en nette, manier een melding geven dat Javascript aan moet staan.
de pagina wordt met een home made template parser geparsed, dus dat zou ik dan ergens moeten onderbreken ofzo....
nu krijg ik linksboven in de melding die tussen <noscript></noscript> staat, dwars door me layout heen
  vrijdag 4 mei 2007 @ 00:59:23 #216
104583 cyberstalker
Een krachtig neen!
pi_48989325
quote:
Op donderdag 3 mei 2007 23:26 schreef mschol het volgende:

[..]

ie gebruikt em dan ook waar hij voor bedoelt is , favorite icon
http://en.wikipedia.org/wiki/Favicon

anyway vraagje:

ik heb op mijn site een Javascript navigatie menu echter als JS uitstaat heb je er natuurlijk geen hol aan...

hoe kan ik op een makkelijke, en nette, manier een melding geven dat Javascript aan moet staan.
de pagina wordt met een home made template parser geparsed, dus dat zou ik dan ergens moeten onderbreken ofzo....
nu krijg ik linksboven in de melding die tussen <noscript></noscript> staat, dwars door me layout heen
Noscript tags kun je ook met CSS stylen .
Hope for the best, prepare for the worst.
  vrijdag 4 mei 2007 @ 09:32:32 #217
12880 CraZaay
prettig gestoord
pi_48993690
Ergens die melding neerzetten en vervolgens hiden met JS (wa dus alleen werkt als de bezoeker daadwerkelijk JS draait) is over het algemeen redelijk afdoende

Overigens ben ik erg benieuwd hoe je menu eruit ziet, want de meeste JS menu's kun je prima toegankelijk maken voor mensen zonder JS.
pi_48993719
quote:
Op vrijdag 4 mei 2007 09:32 schreef CraZaay het volgende:
Ergens die melding neerzetten en vervolgens hiden met JS (wa dus alleen werkt als de bezoeker daadwerkelijk JS draait) is over het algemeen redelijk afdoende

Overigens ben ik erg benieuwd hoe je menu eruit ziet, want de meeste JS menu's kun je prima toegankelijk maken voor mensen zonder JS.
http://home.mschol.eu/
zie daar
menu is niet compleet, vanwege een bijna lege database maar idee is er

ik heb in de noscript tag gewoon een div gezet die me hele pagina overlapt, niet echt gebruikers vriendelijk maar ja, vind ik niet heel erg...
pi_49001815
Ik wil mijn checkboxen graag door afbeeldingen vervangen, waarbij ik tegen een klein punt aan loop: Is het mogelijk om een value attribuut aan een image te hangen? Op het moment bekijk ik de status door een regular expression over de source van de image te gooien, maar dat is iets te overdreven
pi_49002514
werkt het attribuut 'checked' niet?
pi_49002656
Het attribuut "checked" op een afbeelding?
pi_49002893
nee. oh, ik dacht dat je mbv CSS de checkboxes had vervangen door afbeeldingen.
pi_49003184
je zou die values wanneer er geklikt word op die afbeelding in een hidden text field kunnen toevoegen?
pi_49006420
quote:
Op vrijdag 4 mei 2007 13:49 schreef SlimShady het volgende:
nee. oh, ik dacht dat je mbv CSS de checkboxes had vervangen door afbeeldingen.
Dat zou ideaal zijn, is zoiets denk je mogelijk?
quote:
Op vrijdag 4 mei 2007 13:55 schreef Darkomen het volgende:
je zou die values wanneer er geklikt word op die afbeelding in een hidden text field kunnen toevoegen?
Is ook een goeie! Ik zat er net ook aan te denken om de alt-teg van de afbeelding hier voor te misbruiken, met een "True" of "False" waarde
pi_49006453
quote:
Op vrijdag 4 mei 2007 15:25 schreef Geqxon het volgende:

[..]

Dat zou ideaal zijn, is zoiets denk je mogelijk?
[..]
zeker. ik zal 'ns kijken...
pi_49008301
alleen css is dus niet voldoende. javascript is nodig.
er zijn demo's:
http://www.flog.co.nz/lab/ARC/ARC.htm
http://www.hellgatelondon.com/demons/
  vrijdag 4 mei 2007 @ 19:36:09 #227
104583 cyberstalker
Een krachtig neen!
pi_49015379
quote:
Op vrijdag 4 mei 2007 16:17 schreef SlimShady het volgende:
alleen css is dus niet voldoende. javascript is nodig.
er zijn demo's:
http://www.flog.co.nz/lab/ARC/ARC.htm
http://www.hellgatelondon.com/demons/
Het is wel mogelijk met enkel CSS. Voor IE is dan wel een extra scriptje nodig omdat IE zoals gewoonlijk weer bagger is en de :checked pseudo-class niet ondersteunt. Dit kan waarschijnlijk wel met een unobtrusive scriptje maar daar weet ik het fijne niet van omdat ik nooit met IE werk.

Het principe is simpel. Je verbergt de checkbox met CSS door de display op none te zetten. Vervolgens zet je direct achter de checkbox een label attribuut die je met css de juiste achtergrondafbeelding geeft. Is de checked waarde van het attribuut verandert, dan wijzig je de achtergrondafbeelding. Een voorbeeldje:

De CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		form input[type="checkbox"]
{
    display: none;
}

form input[type="checkbox"] + label[for]
{
    display: block;
    width: 20px;
    height: 20px;
    opacity: 0.7;
}

form input[type="checkbox"]:checked + label[for]
{
    opacity: 1;
}

form input[type="checkbox"] + label[for="waarde1"]
{
    background-image: url('images/value1_notchecked.png');
}


Het formulier:
1
2
3
4
5
6
7
8		<form action="whatever.php" method="post">
    <fieldset>
        <legend>Formulier met plaatjes als checkboxjes</legend>
        
        <input type="checkbox" id="value1" name="value1">
        <label for="value1"></label>
    </fieldset>
</form>


[ Bericht 5% gewijzigd door cyberstalker op 04-05-2007 19:46:31 ]
Hope for the best, prepare for the worst.
pi_49048554
Hallo,
Ik ben bezig met een scriptje om te kijken of domeinnamen vrij zijn of niet. Dit doe ik met de volgende javascript:

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80		var array = new Array("nl", "com");
function whois(tld, domein)
{ 
   xmlHttp=GetXmlHttpObject();
   if (xmlHttp==null)
   {
      alert ("Geen ajax ondersteuning.. BOOOOH!");
      return;
   }
   tekenTabel(domein);
   
   xmlHttp.onreadystatechange=function()
   {      
      if(xmlHttp.readyState==1 || xmlHttp.readyState==2 || xmlHttp.readyState==3)
      {
         document.getElementById(tld).innerHTML="Checking";
      }         
      if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
      { 
         document.getElementById(tld).innerHTML=xmlHttp.responseText;
      }      
   }
   
   xmlHttp.open("GET","test.php"+"?domein="+domein+"&tld="+tld,true);
   xmlHttp.setRequestHeader("Cache-Control", "no-cache");
   xmlHttp.send(null);
}

function start(domein)
{
        tekenTabel(domein);   
   for(x in array)
   {
      whois(array[x], domein);
   }   
}

function GetXmlHttpObject()
{
   var xmlHttp=null;
   try
   {
      // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();
   }
   catch (e)
   {
      // Internet Explorer
      try
      {
         xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch (e)
      {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
   }
   return xmlHttp;
}

function tekenTabel(domein)
{
   var tabe = "";
   tabel='<table width="350" border="0" cellspacing="2" cellpadding="0">';
   tabel+='<tr>';
   tabel+='<td width="100" class="tdHeader">Tld</td>';
   tabel+='<td width="100" class="tdHeader">Beschikbaar</td>';
   tabel+='</tr>';
   
   for(x in array)
   {
      tabel+='<tr>';
      tabel+='<td align="center" valign="top" >'+array[x]+'</td>';      
      tabel+='<td align="center" valign="top" ><div id="'+array[x]+'"></div></td>';
      tabel+='</tr>';
   }
   
   tabel+='</table>';
   document.getElementById("result").innerHTML = tabel;
}


Ik roep de functie start aan als volgt:
1
2
3
4
5
6		<form name="frmTest">
            <input name="txtDomein" id="txtDomein" type="text">
            <input name="btnSubmit" type="button" value="whois" onclick="start(document.frmTest.txtDomein.value);"></form>
        <br>
        <br>
        <div id="result"></div>


Ik heb alleen het probleem dat het niet helemaal lekker werkt. Behalve het feit dat de layout totaal niet klopt, blijft in dit geval het nl domein op aangemaakt staan.

:edit:
Wat ik dus krijg is dit:
Tld Beschikbaar me.nl
Aangemaakt
me.com
Bezet

Wat doe ik fout?

[ Bericht 2% gewijzigd door GBCHEATER op 06-05-2007 01:01:49 ]
pi_49049189
ik heb nu een zoek formulier:
1
2
3
4		<form id="search" name="search_form_basic" action="search/" method="GET">
        <input name="searchFor" type="text" size="10">
        <a href="javascript:void(0);" onClick="javascript:search_form_basic.submit();">search</a>
</form>

en ik wil het volgende hebben:

als ik zoek moet de url als volgt worden opgebouwd:
<domeinnaam>/search/verschillende_zoek_termen.html

kan dat uberhaupt met alleen Javascript em zo ja hoe moet ik dat aanpakken?
pi_49049415
1
2
3
4
5
6
7
8
9
10		<script>
function runSearch(){
   var query = document.getElementById('query').value;
   query = query.replace(" ","_");
   window.location = "http://www.google.nl/" + query + ".html";
}
</script>

<input type="text" id="query">
<input type="button" onclick="runSearch()">


Al ben ik te lui het te runnen
pi_49049579
quote:
Op zaterdag 5 mei 2007 23:00 schreef Geqxon het volgende:

[ code verwijderd ]

Al ben ik te lui het te runnen
geeft niet, et werkt

--edit--

het grootste gedeelte dan..
als ik }$%$# als string invoer kom ik uit op http://home.mschol.eu/search/ terwijl de javascript alert mij wel de juiste url terug geeft (http://home.mschol.eu/search/}$%$#.html )


even kijken met FF
hmm runsearch is not defined... -> die is opgelost maar nog steeds als je zo'n vreemde url doet, stopt ie...

nou ja jammer, voor latere zorg, bouw wel een extra check in me search..

[ Bericht 17% gewijzigd door mschol op 05-05-2007 23:23:21 ]
  zondag 6 mei 2007 @ 00:01:38 #232
104583 cyberstalker
Een krachtig neen!
pi_49051031
quote:
Op zaterdag 5 mei 2007 23:06 schreef mschol het volgende:

[..]

geeft niet, et werkt

--edit--

het grootste gedeelte dan..
als ik }$%$# als string invoer kom ik uit op http://home.mschol.eu/search/ terwijl de javascript alert mij wel de juiste url terug geeft (http://home.mschol.eu/search/}$%$#.html )


even kijken met FF
hmm runsearch is not defined... -> die is opgelost maar nog steeds als je zo'n vreemde url doet, stopt ie...

nou ja jammer, voor latere zorg, bouw wel een extra check in me search..
Misschien is het eenvoudiger om hier met een simpele mod_rewrite te werken. Werkt stukken eenvoudiger hier .
Hope for the best, prepare for the worst.
  zondag 6 mei 2007 @ 00:21:04 #233
87811 GBCHEATER
Wat nou?
pi_49051515
Ik heb mijn functie aangepast dat hij op xmlHttp.readyState 1 t/m 3 checking in de div zet, en op 4 de response neerzet. En ik heb de locatie verplaatst, zodat de tabel maar 1 keer word weggeschreven.

Dit heeft alweer hetzelfde resultaat:

TldBeschikbaarnl
Checking
com
Bezet

- Kan je wel met een tabel in een div werken via javascript? (omdat de layout zo verrot is)
- Kan ik een functie meerdere keren aanroepen met een parameter die verschillend is?

:edit:
Hmz, bug in Replique? Ik krijg elke keer wanneer ik mijn code edit een hidden field bij mijn formulier, met daarin mijn sessieid?
  zondag 6 mei 2007 @ 00:36:44 #234
104583 cyberstalker
Een krachtig neen!
pi_49051887
quote:
Op zondag 6 mei 2007 00:21 schreef GBCHEATER het volgende:
:edit:
Hmz, bug in Replique? Ik krijg elke keer wanneer ik mijn code edit een hidden field bij mijn formulier, met daarin mijn sessieid?
Is bekend en niet gevaarlijk. Het sessieid wat je ziet is niet eentje waarme je iets kunt .
Hope for the best, prepare for the worst.
  zondag 6 mei 2007 @ 00:40:16 #235
87811 GBCHEATER
Wat nou?
pi_49051977
quote:
Op zondag 6 mei 2007 00:36 schreef cyberstalker het volgende:

[..]

Is bekend en niet gevaarlijk. Het sessieid wat je ziet is niet eentje waarme je iets kunt .
Kreeg hetzelfde antwoord in de bug afdeling

Weet jij misschien een oplossing voor mijn Ajax probleem hierboven?
pi_49052394
Ik kan je niet helpen, maar ik raad je aan om je HTML output eerst in een variabele te stoppen, en als je daar mee klaar bent iets in de trant van "innerhtml = output" te doen.

Daarmee wordt gelijk je huidige inhoud overschreden, en je sourcecode is wat netter.
  zondag 6 mei 2007 @ 01:00:46 #237
87811 GBCHEATER
Wat nou?
pi_49052438
quote:
Op zondag 6 mei 2007 00:58 schreef Geqxon het volgende:
Ik kan je niet helpen, maar ik raad je aan om je HTML output eerst in een variabele te stoppen, en als je daar mee klaar bent iets in de trant van "innerhtml = output" te doen.

Daarmee wordt gelijk je huidige inhoud overschreden, en je sourcecode is wat netter.
Dat heeft iig mijn layout probleem opgelost

Nou de rest nog
  zondag 6 mei 2007 @ 13:03:38 #238
87811 GBCHEATER
Wat nou?
pi_49059222
Ik heb nu mijn domeinenArray even uitgebreid. Ik heb nu:
1var array = new Array("com","net", "be", "nl");


En nu is dit de uitvoer:

Tld Beschikbaar
com Checking
net Bezet
be Checking
nl Bezet

Nummer 1 en 3 blijven dus weer op checking staan. Ik weet dat ik een uitvoer terugkrijg, ik kan namelijk debuggen met FireBug, en deze geeft aan dat ik wel antwoord terugkrijg.
  zondag 6 mei 2007 @ 14:37:40 #239
3677 SuperRembo
Sinds 1998
pi_49061858
GBCHEATER, lopen je httprequests niet door elkaar? Ik bedoel dat bijvoorbeeld het resultaat van de .com check bij het .net resultaat komt te staan. Om dat te controleren zou je wat extra debug info moeten schrijven (in js en php).
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zondag 6 mei 2007 @ 14:46:17 #240
87811 GBCHEATER
Wat nou?
pi_49062088
quote:
Op zondag 6 mei 2007 14:37 schreef SuperRembo het volgende:
GBCHEATER, lopen je httprequests niet door elkaar? Ik bedoel dat bijvoorbeeld het resultaat van de .com check bij het .net resultaat komt te staan. Om dat te controleren zou je wat extra debug info moeten schrijven (in js en php).
Daar maak ik me ook zorgen over, kan het uberhaupt wel zoals ik het nu heb gedaan? Wanneer ik zes tld's neem, word alleen de laatste vervangen. Dus ik ben inderdaad bang dat dat het is. Maar hoe zou je dat kunnen oplossen behalve voor elke tld een aparte functie schrijven?

:edit:
Als ik een alert plaats in xm.Http.readyState 1 t/m3 krijg ik 5 keer voor elke tld een alert. Plaats ik er een in xmlHttp.readystate 4 krijg ik hem alleen voor de laatste.
pi_49062133
nee, één functie die je x keer aanroept.
  zondag 6 mei 2007 @ 14:52:25 #242
87811 GBCHEATER
Wat nou?
pi_49062270
quote:
Op zondag 6 mei 2007 14:47 schreef SlimShady het volgende:
nee, één functie die je x keer aanroept.
Dat heb ik nu dus gedaan:

Voor elk element in de array roep ik deze functie aan:

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		function whois(tld, domein)
{ 
   xmlHttp=GetXmlHttpObject();
   if (xmlHttp==null)
   {
      alert ("Geen ajax ondersteuning.. BOOOOH!");
      return;
   }
   
   xmlHttp.onreadystatechange=function()
   {      
      if(xmlHttp.readyState==1 || xmlHttp.readyState==2 || xmlHttp.readyState==3)
      {
         alert(tld+' controle');
         document.getElementById(tld).innerHTML="<blink>Checking</blink>";
      }         
      if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
      { 
         alert(tld+' is '+xmlHttp.responseText);
         if(xmlHttp.responseText == "Bezet" || xmlHttp.responseText == "Onbekend")
         {
            document.getElementById("bekijk"+tld).innerHTML = '<a href="http://www.'+domein+'.'+tld+'" target="_blank"><img src="images/bekijk_active.png" alt="Bekijk de pagina van de geregistreerde domein" border="0"></a>';
         }
         if(xmlHttp.responseText == "Bezet")
         {
            document.getElementById("informatie"+tld).innerHTML = '<a href="javascript: getInfo('+domein+','+tld+');"><img src="images/info_active.png" alt="Meer informatie" border="0"></a>';
         }
         document.getElementById(tld).innerHTML=xmlHttp.responseText;
      }      
   }
   
   xmlHttp.open("GET","test.php"+"?domein="+domein+"&tld="+tld,true);
   xmlHttp.setRequestHeader("Cache-Control", "no-cache");
   xmlHttp.send(null);
}


[ Bericht 9% gewijzigd door GBCHEATER op 06-05-2007 16:02:46 ]
  zondag 6 mei 2007 @ 16:18:27 #243
3677 SuperRembo
Sinds 1998
pi_49064989
quote:
Op zondag 6 mei 2007 14:46 schreef GBCHEATER het volgende:

[..]

Daar maak ik me ook zorgen over, kan het uberhaupt wel zoals ik het nu heb gedaan? Wanneer ik zes tld's neem, word alleen de laatste vervangen. Dus ik ben inderdaad bang dat dat het is. Maar hoe zou je dat kunnen oplossen behalve voor elke tld een aparte functie schrijven?

:edit:
Als ik een alert plaats in xm.Http.readyState 1 t/m3 krijg ik 5 keer voor elke tld een alert. Plaats ik er een in xmlHttp.readystate 4 krijg ik hem alleen voor de laatste.
Een alert is in een geval als dit niet handig, want het gaat juist om de volgorde waarin dingen (bijna tegelijk) gebeuren. Je kan beter wat loggen in bijvoorbeeld een textarea. (Daar heb ik ooit een scriptje voor gemaakt.)

Volgens mij mist er een "var" bij xmlHttp in whois(), ik weet niet of dat echt de oplossing is.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zondag 6 mei 2007 @ 16:35:49 #244
87811 GBCHEATER
Wat nou?
pi_49065533
quote:
Op zondag 6 mei 2007 16:18 schreef SuperRembo het volgende:

[..]

Een alert is in een geval als dit niet handig, want het gaat juist om de volgorde waarin dingen (bijna tegelijk) gebeuren. Je kan beter wat loggen in bijvoorbeeld een textarea. (Daar heb ik ooit een scriptje voor gemaakt.)

Volgens mij mist er een "var" bij xmlHttp in whois(), ik weet niet of dat echt de oplossing is.
Mag ik je even bedanken :X

Dat was hem, ik heb aan de code toegevoegd:
1var xmlHttp = null;


En hij doet het!

Tnx 8)7
pi_49304052
Was ik weer, met een nieuw probleempje:

Situatie:
Ik heb een scriptje om een C++ functie om te zetten naar wiki code. Nou heb je bij een functie meerdere parameters, of geen. Dus ik dacht van, dat doe ik via een functie:


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		function addParameter(aantal)
{
   var aantalParameters = aantal;
   var parameters = '';
   aantalParameters++;
   
   parameters += '<div id="parameterDiv"'+aantalParameters+'>';
   parameters += '<tr>';
    parameters += '<td align="center">';
    parameters += '<table width="450" border="0" cellspacing="0" cellpadding="0">';
    parameters += '<tr>';
    parameters += '<td class="subHeader"> ';
    parameters += '</td>';
    parameters += '<td class="subHeader">';
    parameters += '<div id="parameterTitel'+aantalParameters+'"></div>';
    parameters += '</td>';            
    parameters += '</tr>';       
    parameters += '<tr>';
    parameters += '<td width="100">Type:</td>';
    parameters += '<td><input name="txtParamaterType'+aantalParameters+'" id="txtParamaterType'+aantalParameters+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+aantalParameters+')"/></td>';
    parameters += '</tr>';
    parameters += '<tr>';
    parameters += '<td>Naam:</td>';
    parameters += '<td><input name="txtParameterNaam'+aantalParameters+'" id="txtParameterNaam'+aantalParameters+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+aantalParameters+')"/></td>';
    parameters += '</tr>';
    parameters += '<tr>';
    parameters += '<td valign="top">Omschrijving:</td>';
    parameters += '<td><textarea name="txtParameterOmschrijving'+aantalParameters+'" id="txtParameterOmschrijving'+aantalParameters+'" cols="38" rows="5" class="txt"></textarea></td>';
    parameters += '</tr>';                                        
    parameters += '</table>';
    parameters += '</td>';
    parameters += '</tr> ';
   parameters += '</div>';   

   document.getElementById("divFunctionParameter").innerHTML += parameters;
   document.getElementById("divVoegParameterToe").innerHTML = '<a href="javascript: addParameter('+aantalParameters+');">Voeg Toe</a>';
}


En dit start ik door een link in de pagina te zetten dmv:
1
2
3
4
5
6		body onload="javascript: start()"

function start()
{
   document.getElementById("divVoegParameterToe").innerHTML = '<a href="javascript: addParameter(0);">Voeg Toe</a>';
}


Dit werkt allemaal heel erg goed, maar het probleem is dat wanneer ik iets ingevuld heb in een van deze parameters en ik daarna op voeg toe druk, komt de tekst te vervallen die in de textboxjes en textfields staan. De titel in de parametertitel div blijft wel staan.

Enig idee hoe ik de inhoud van die textfields en textboxjes kan behouden?
pi_49305448
Kan een modje deze en de post hierboven verwijderen, probleem is opgelost, maar kan mijn post hierboven niet editten.
pi_49310668
Je kan ook de oplossing posten
Steam - SC2
pi_49311004
quote:
Op zaterdag 12 mei 2007 21:00 schreef super-muffin het volgende:
Je kan ook de oplossing posten :)
De oplossing was bij een "bijplaatsing" eerst de bestaande parameters opvragen, en daarna de inhoud van de div te overschrijven (ja vies, maar werkt wel):

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74		totaal = 0;
function addParameter()
{
   var parameters = '';
   
   //totaal ophogen
   totaal++;
   
   if(totaal != 1)
   {
      //oude parameters ophalen
      for(var x = 1; x < totaal; x++)
      {
         parameters += '<div id="parameterDiv'+x+'">';
         parameters += '<tr>';
         parameters += '<td align="center">';
         parameters += '<table width="450" border="0" cellspacing="0" cellpadding="0">';
         parameters += '<tr>';
         parameters += '<td class="subHeader"> ';
         parameters += '</td>';
         parameters += '<td class="subHeader">';
         parameters += '<div id="parameterTitel'+x+'">'+document.getElementById("parameterTitel"+x).innerHTML+'</div>';
         parameters += '</td>';            
         parameters += '</tr>';       
         parameters += '<tr>';
         parameters += '<td width="100">Type:</td>';
         parameters += '<td><input name="txtParamaterType'+x+'" id="txtParamaterType'+x+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+x+')" value="'+document.getElementById("txtParamaterType"+x).value+'"/></td>';
         parameters += '</tr>';
         parameters += '<tr>';
         parameters += '<td>Naam:</td>';
         parameters += '<td><input name="txtParameterNaam'+x+'" id="txtParameterNaam'+x+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+x+')" value="'+document.getElementById("txtParameterNaam"+x).value+'"/></td>';
         parameters += '</tr>';
         parameters += '<tr>';
         parameters += '<td valign="top">Omschrijving:</td>';
         parameters += '<td><textarea name="txtParameterOmschrijving'+x+'" id="txtParameterOmschrijving'+x+'" cols="38" rows="5" class="txt">'+document.getElementById("txtParameterOmschrijving"+x).value+'</textarea></td>';
         parameters += '</tr>';                                        
         parameters += '</table>';
         parameters += '</td>';
         parameters += '</tr> ';
         parameters += '</div>';         
      }
   }

   // nieuwe parameter toevoegen
   parameters += '<div id="parameterDiv'+totaal+'">';
   parameters += '<tr>';
   parameters += '<td align="center">';
   parameters += '<table width="450" border="0" cellspacing="0" cellpadding="0">';
   parameters += '<tr>';
   parameters += '<td class="subHeader"> ';
   parameters += '</td>';
   parameters += '<td class="subHeader">';
   parameters += '<div id="parameterTitel'+totaal+'"></div>';
   parameters += '</td>';            
   parameters += '</tr>';       
   parameters += '<tr>';
   parameters += '<td width="100">Type:</td>';
   parameters += '<td><input name="txtParamaterType'+totaal+'" id="txtParamaterType'+totaal+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+totaal+')"/></td>';
   parameters += '</tr>';
   parameters += '<tr>';
   parameters += '<td>Naam:</td>';
   parameters += '<td><input name="txtParameterNaam'+totaal+'" id="txtParameterNaam'+totaal+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+totaal+')"/></td>';
   parameters += '</tr>';
   parameters += '<tr>';
   parameters += '<td valign="top">Omschrijving:</td>';
   parameters += '<td><textarea name="txtParameterOmschrijving'+totaal+'" id="txtParameterOmschrijving'+totaal+'" cols="38" rows="5" class="txt"></textarea></td>';
   parameters += '</tr>';                                        
   parameters += '</table>';
   parameters += '</td>';
   parameters += '</tr> ';
   parameters += '</div>';
   
   document.getElementById("divFunctionParameter").innerHTML = parameters;   
}
  zaterdag 12 mei 2007 @ 23:53:28 #249
12880 CraZaay
prettig gestoord
pi_49318060
Sowieso zou DOM-scripting wat netter zijn
pi_49318432
Op wat voor opzicht dan? Heb net even de tutorial @ w3schools doorgekeken, maar zie het verschil niet helemaal, op het feit dat het in iets meer substapjes gaat, of getElementsByTagName gebruikt word.
  zondag 13 mei 2007 @ 00:07:50 #251
12880 CraZaay
prettig gestoord
pi_49318631
Je voegt dan daadwerkelijk aan de DOM toe en manipuleert bestaande elementen. Nu stel je gewoon een string met HTML samen die je ergens invoegt.
pi_49319057
owkay, maar stel ik heb de div test. hierin staat een table met 3 td's. Wat is dan het verschil dat ik zeg document.getElementById("tdId").innerHTML of ik zeg document.getElementById.getElementByTagName("td")[tagnr].innerHTML ?

Ik bedoel je zal er echt wel je redenen voor hebben om het te gebruiken, maar ik mis hem een beetje
pi_49319101
Ik gok dat CraZaay het mooier vind als je de tabel doormiddel van javascript opbouwt. Dat je "nodes" creeert
pi_49319208
quote:
Op zondag 13 mei 2007 00:22 schreef Geqxon het volgende:
Ik gok dat CraZaay het mooier vind als je de tabel doormiddel van javascript opbouwt. Dat je "nodes" creeert
Accoord, maar zit er nog een praktisch nut aan behalve dat het "mooier" is? Tot nu toe vind ik het alleen maar meer werk voor iets wat voor mij niets oplevert..
pi_49319298
Trouwens, ondersteunt Javascript geen multiline variabelen?
pi_49319496
Vanwege de vake variabele +=? Ik had slechte ervaringen met alles in een keer er in te gooien, vandaar dat ik het zo doe. Het kan dus wel
  zondag 13 mei 2007 @ 00:49:57 #257
12880 CraZaay
prettig gestoord
pi_49319966
quote:
Op zondag 13 mei 2007 00:27 schreef Geqxon het volgende:
Trouwens, ondersteunt Javascript geen multiline variabelen?
Nee

En ja, het maken van nodes vind ik netter omdat je daarmee meer mogelijkheden hebt voor manipulatie achteraf. Al is dat voor jouw script niet noodzakelijk, ik maak er maar een gewoonte van
  zondag 13 mei 2007 @ 13:21:52 #258
3677 SuperRembo
Sinds 1998
pi_49328186
quote:
Op zondag 13 mei 2007 00:27 schreef Geqxon het volgende:
Trouwens, ondersteunt Javascript geen multiline variabelen?
Nee, maar een statement mag uiteraard wel over meerdere regels lopen (het is geen VB ). Dus

1
2		var foo = 'bar'
   + 'baz';

kan wel.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zondag 13 mei 2007 @ 13:25:08 #259
3677 SuperRembo
Sinds 1998
pi_49328290
quote:
Op zondag 13 mei 2007 00:49 schreef CraZaay het volgende:
[..]
En ja, het maken van nodes vind ik netter omdat je daarmee meer mogelijkheden hebt voor manipulatie achteraf. Al is dat voor jouw script niet noodzakelijk, ik maak er maar een gewoonte van :)
Het maken van form elementen is wel erg irritant omdat je daar voor IE weer een uitzondering moet maken. In IE kan je namelijk niet achteraf het type van een input element veranderen. Daarom moet je daar zo'n halfbakken constuctie als

1var field = document.createElement('<input type="radio">)


gebruiken om een radiobutton te maken.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_49328926
quote:
Op zondag 13 mei 2007 13:25 schreef SuperRembo het volgende:

[..]

Het maken van form elementen is wel erg irritant omdat je daar voor IE weer een uitzondering moet maken. In IE kan je namelijk niet achteraf het type van een input element veranderen. Daarom moet je daar zo'n halfbakken constuctie als
[ code verwijderd ]

gebruiken om een radiobutton te maken.
Maar dan ben je weer op het punt waar ik nu zit, oftewel gewoon complete html er tussen proppen.. toch?
  zondag 13 mei 2007 @ 14:09:23 #261
3677 SuperRembo
Sinds 1998
pi_49329543
Ik zou beginnen met het maken van een functie die 1 parameter aan de html toevoegd. Nu heb je die code er dubbel in staan. Je kunt ook nog wat dingen uit de html schrappen en verplaatsen naar css (zoals border en cellpadding).
Uiteindelijk zal een DOM oplossing denk ik cleanere code opleveren. Of dat de moeite loont weet ik niet, dat hangt ook af van het project.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 14 mei 2007 @ 11:24:03 #262
12880 CraZaay
prettig gestoord
pi_49356790
quote:
Op zondag 13 mei 2007 13:47 schreef GBCHEATER het volgende:

[..]

Maar dan ben je weer op het punt waar ik nu zit, oftewel gewoon complete html er tussen proppen.. toch?
Dit is net die ene uitzondering. Ik kan met niet herinneren wanneer ik voor het laatst een input-element heb toegevoegd aan de DOM
pi_49464682
Ik heb in navolging op een topic in CSS voor Dummies een scriptje geschreven (half geript) om 2 divs te kunnen vergroten/ kleinen

Echter zit ik met een probleem. Maar ik zal eerst even de opzet uitleggen.

Ik heb 1 container div waarin 3 extra divs ziten. Deze divs zijn linkerkant, spacing (oftewel de bar om mee te scrollen) en de rechter div, Als ik met de middendiv (spacing) scroll wil de scroller nog wel eens het veld verkleinen en ik zie zelf de fout niet.

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124		<script type="text/javascript"> 
<!-- 
// variables
var curWidth = 0; 
var curX = 0; 
var newX = 0;
var minWidthL = 150;     // min width of left div
var minWidthR = 300;     // min width of right div
var mouseButtonPos = "up"; 

//Function 'setPos(...) gets the original div width. 
function setPos(e) { 
    //For handling events in ie vs. w3c. 
    curEvent = ((typeof event == "undefined")? e: event); 
    //Sets mouse flag as down. 
    mouseButtonPos = "down"; 
    //Gets position of click. 
    curX = curEvent.clientX; 

    //Get the width of the div. 
    var tempWidthL = document.getElementById("treeView").style.width; 
    var tempWidthR = document.getElementById("treeList").style.width; 

    //Get the width value. 
    var widthArrayL = tempWidthL.split("p"); 
    var widthArrayR = tempWidthR.split("p"); 

    //Set the current width. 
    curWidthL = parseInt(widthArrayL[0]); 
    curWidthR = parseInt(widthArrayR[0]); 
} 

//Function getPos(...) changes the width of the div while the mouse button is pressed. 
function getPos(e){ 
    if( mouseButtonPos == "down" ) { 
        //For handling events in ie vs. w3c. 
        curEvent = ((typeof event == "undefined")? e: event); 
        //Get new mouse position. 
        newX = curEvent.clientX; 

       //Calculate movement in pixels. 
       var pixelMovement = parseInt(newX - curX); 

       //Determine new width.  
       var newWidthL = parseInt(curWidthL + pixelMovement); 
       var newWidthR = parseInt(curWidthR - pixelMovement); 

       //Enforce a minimum width left.
       if (newWidthL < minWidthL) {
           newWidthR = document.getElementById("treeContainer").style.width - minWidthL;       
           newWidthL = minWidthL;
       }
       // min width right
       if (newWidthR < minWidthR) {
           newWidthL = document.getElementById("treeContainer").style.width - minWidthR;
           newWidthR = minWidthR;
       }
 
       //Set the new width. 
       document.getElementById("treeView").style.width = newWidthL + "px"; 
       document.getElementById("treeList").style.width = newWidthR + "px"; 
       //Set the new left of the splitter bar. 
       document.getElementById("splitterBar").style.left = parseInt(document.getElementById("treeView").style.width) + 5; 
    } 
} 

//--> 
</script> 

<style type="text/css"> 
body {height:100%;} 


#container {
     width: 90%;
}
#treeView{ 
    top:20px; 
    left:20px; 
    height: 150px; 
    width:250px; 
    border: 1px solid #808080; 
    overflow: hidden; 
} 


#treeList{ 
    top:0px; 
    left:20px; 
    height: 150px; 
    width:550px; 
    border: 1px solid #808080; 
    overflow: hidden; 
} 

/*status bar style to act as the bottom border of the div*/ 
#splitterBar{ 
    float: left;
    cursor: e-resize; 
    display:block; 
    background-color: #c0c0c0; 
    top:20px; 
    left:262px; 
    margin-top:0px; 
    height:152px; 
    padding:0; 
    width: 4px; 
} 
</style> 

</head> 
<!--onmousemove and onmouseup are on the body tag whereas onmousedown is on the "splitterBar" div--> 
<body onmousemove="getPos(event)" onmouseup="mouseButtonPos='up'"> 
<div id="treeContainer">
    <div id="treeView" style="float: left; height:150px; width: 250px; overflow: auto;"> 
        <p>Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br /></p> 
    </div> 
    <div onmousedown="setPos(event)" id="splitterBar"></div> 
    <div id="treeList" style="float: left; height:150px; width: 550px; overflow: auto;"> 
        <p>Dit is de rechter div die 550pixels breed is, deze kan smaller en breder worden maar niet kleiner dan 250px;</p> 
    </div>
</div> 
</body> 
</html> 


Wie wil eens kijken en zeggen wat ik fout doe? ik krijg in FF trouwens ook vaak de volgende fout:

1
2
3		Error: Error in parsing value for property 'width'.  Declaration dropped.
Source File: file:///D:/test1.html
Line: 0




Ps. Als ik een vaste breedte voor de container gebruik is er niets aan de hand. Maar zou graag willen dat alles simpel een variabele breedte kan houden..

werkende code met een vaste breedte

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126		<script type="text/javascript"> 
<!-- 
// variables
var curWidth = 0; 
var curX = 0; 
var newX = 0;
var minWidthL = 150;     // min width of left div
var minWidthR = 300;     // min width of right div
var conWidth  = 800;
var mouseButtonPos = "up"; 

//Function 'setPos(...) gets the original div width. 
function setPos(e) { 
    //For handling events in ie vs. w3c. 
    curEvent = ((typeof event == "undefined")? e: event); 
    //Sets mouse flag as down. 
    mouseButtonPos = "down"; 
    //Gets position of click. 
    curX = curEvent.clientX; 

    //Get the width of the div. 
    var tempWidthL = document.getElementById("treeView").style.width; 
    var tempWidthR = document.getElementById("treeList").style.width; 

    //Get the width value. 
    var widthArrayL = tempWidthL.split("p"); 
    var widthArrayR = tempWidthR.split("p"); 

    //Set the current width. 
    curWidthL = parseInt(widthArrayL[0]); 
    curWidthR = parseInt(widthArrayR[0]); 
} 

//Function getPos(...) changes the width of the div while the mouse button is pressed. 
function getPos(e){ 
    if( mouseButtonPos == "down" ) { 
        //For handling events in ie vs. w3c. 
        curEvent = ((typeof event == "undefined")? e: event); 
        //Get new mouse position. 
        newX = curEvent.clientX; 

       //Calculate movement in pixels. 
       var pixelMovement = parseInt(newX - curX); 

       //Determine new width.  
       var newWidthL = parseInt(curWidthL + pixelMovement); 
       var newWidthR = parseInt(curWidthR - pixelMovement); 

       //Enforce a minimum width left.
       if (newWidthL < minWidthL) {
           newWidthR = parseInt(conWidth - minWidthL);       
           newWidthL = minWidthL;
       }
       // min width right
       if (newWidthR < minWidthR) {
           newWidthL = parseInt(conWidth - minWidthR);
           newWidthR = minWidthR;
       }
 
       //Set the new width. 
       defaultStatus = "L:" + newWidthL + " R:" + newWidthR;
       document.getElementById("treeView").style.width = newWidthL + "px"; 
       document.getElementById("treeList").style.width = newWidthR + "px"; 
       //Set the new left of the splitter bar. 
       document.getElementById("splitterBar").style.left = parseInt(document.getElementById("treeView").style.width) + 5; 
    } 
} 

//--> 
</script> 

<style type="text/css"> 
body {height:100%;} 


#container {
     width: 90%;
}
#treeView{ 
    top:20px; 
    left:20px; 
    height: 150px; 
    width:250px; 
    border: 1px solid #808080; 
    overflow: hidden; 
} 


#treeList{ 
    top:0px; 
    left:20px; 
    height: 150px; 
    width:550px; 
    border: 1px solid #808080; 
    overflow: hidden; 
} 

/*status bar style to act as the bottom border of the div*/ 
#splitterBar{ 
    float: left;
    cursor: e-resize; 
    display:block; 
    background-color: #c0c0c0; 
    top:20px; 
    left:262px; 
    margin-top:0px; 
    height:152px; 
    padding:0; 
    width: 4px; 
} 
</style> 

</head> 
<!--onmousemove and onmouseup are on the body tag whereas onmousedown is on the "splitterBar" div--> 
<body onmousemove="getPos(event)" onmouseup="mouseButtonPos='up'"> 
<div id="treeContainer">
    <div id="treeView" style="float: left; height:150px; width: 250px; overflow: auto;"> 
        <p>Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br /></p> 
    </div> 
    <div onmousedown="setPos(event)" id="splitterBar"></div> 
    <div id="treeList" style="float: left; height:150px; width: 550px; overflow: auto;"> 
        <p>Dit is de rechter div die 550pixels breed is, deze kan smaller en breder worden maar niet kleiner dan 250px;</p> 
    </div>
</div> 
</body> 
</html> 


[ Bericht 17% gewijzigd door Chandler op 16-05-2007 23:43:17 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  FOK!-Schrikkelbaas maandag 21 mei 2007 @ 21:31:16 #264
1972 Swetsenegger
Egocentrische Narcist
pi_49623574
Iemand een idee hoe ik met een onChange het readonly atribuut voor een form element kan triggeren?

onChange="getElementById('element').readonly='readonly'"

lijkt niet te werken in ieder geval
 | FOK! Schrikkelbaasch
pi_49623780
quote:
Op maandag 21 mei 2007 21:31 schreef Swetsenegger het volgende:
Iemand een idee hoe ik met een onChange het readonly atribuut voor een form element kan triggeren?

onChange="getElementById('element').readonly='readonly'"

lijkt niet te werken in ieder geval
readOnly (met hoofdletter O) is een boolean, dus true of false.
"If you are depressed you shouldn't be in C major!" - Rick Beato
  FOK!-Schrikkelbaas maandag 21 mei 2007 @ 21:41:47 #266
1972 Swetsenegger
Egocentrische Narcist
pi_49624019
quote:
Op maandag 21 mei 2007 21:36 schreef Litpho het volgende:

[..]

readOnly (met hoofdletter O) is een boolean, dus true of false.
Bedankt!
Maar dit werkt ook niet
1onChange="getElementById('module').readOnly='true'"

Ook niet als ik true buiten quotes zet.
 | FOK! Schrikkelbaasch
pi_49624201
true is een keyword, dus niet tussen aanhalingstekens.
edit: oh.
pi_49624344
quote:
Op maandag 21 mei 2007 21:41 schreef Swetsenegger het volgende:

[..]

Bedankt!
Maar dit werkt ook niet
[ code verwijderd ]

Ook niet als ik true buiten quotes zet.
http://www.xs4all.nl/~litpho/test.html werkt hier prima.

Weet je zeker dat de onchange getriggerd wordt?
"If you are depressed you shouldn't be in C major!" - Rick Beato
  FOK!-Schrikkelbaas maandag 21 mei 2007 @ 21:52:50 #269
1972 Swetsenegger
Egocentrische Narcist
pi_49624540
quote:
Op maandag 21 mei 2007 21:48 schreef Litpho het volgende:

[..]

http://www.xs4all.nl/~litpho/test.html werkt hier prima.

Weet je zeker dat de onchange getriggerd wordt?
Ja, ziet er naar uit dat ik het niet op een select element kan toepassen, alleen op text elementen.
 | FOK! Schrikkelbaasch
pi_49624608
quote:
Op maandag 21 mei 2007 21:52 schreef Swetsenegger het volgende:

[..]

Ja, ziet er naar uit dat ik het niet op een select element kan toepassen, alleen op text elementen.
Select heeft readOnly niet als property, maar is natuurlijk wel altijd read only. Heb je al naar disabled gekeken als alternatief?

Waarbij je er even rekening mee moet houden dat disabled elementen niet meegesubmit worden, dus bij een onsubmit evt. weer enabled moeten worden. Schoon is anders, maar misschien maakt het voor wat je wil niet uit .
"If you are depressed you shouldn't be in C major!" - Rick Beato
  FOK!-Schrikkelbaas maandag 21 mei 2007 @ 22:02:39 #271
1972 Swetsenegger
Egocentrische Narcist
pi_49624964
quote:
Op maandag 21 mei 2007 21:54 schreef Litpho het volgende:

[..]

Select heeft readOnly niet als property, maar is natuurlijk wel altijd read only. Heb je al naar disabled gekeken als alternatief?

Waarbij je er even rekening mee moet houden dat disabled elementen niet meegesubmit worden, dus bij een onsubmit evt. weer enabled moeten worden. Schoon is anders, maar misschien maakt het voor wat je wil niet uit .
die zocht ik.
Ik verwerk server side, dus de page wordt na een submit toch refreshed.
 | FOK! Schrikkelbaasch
pi_49625023
quote:
Op maandag 21 mei 2007 22:02 schreef Swetsenegger het volgende:

[..]

die zocht ik.
Ik verwerk server side, dus de page wordt na een submit toch refreshed.
* noteert weer een tevreden klant *
"If you are depressed you shouldn't be in C major!" - Rick Beato
pi_49662368
Om mijn AJAX multi-taskend te maken, zat ik er te denken aan een array vol met HTTP objecten, en één functie die alle onreadystatechanges afhandeld.

Om er voor te zorgen dat de functie httpReponse() wel weet van welk HTTP object hij werk moet afleveren, wil ik een ID meegeven. Mijn huidige code:

1http.onreadystatechange = httpReponse;


En toen liep ik vast. onreadystatechange = httpReponse(uniqueid) doet helaas niets... iemand tips?


Mijn volledige code:
1
2
3
4
5
6
7
8
9
10		var http = new Array();
function getData(url,id) {
   if (!http[id])
      http[id] = getHTTPObject();

   //prompt("Requested URL:",url);
   http[id].open("GET", url, true);
   http[id].send(null);
   http[id].onreadystatechange = httpResponse;
}


getHTTPObject geeft afhankelijk van de browser een XMLHttpRequest of een ActiveXObject terug.

[ Bericht 41% gewijzigd door Geqxon op 22-05-2007 21:28:57 ]
pi_49663192
Dat was simpel:
1   http[id].onreadystatechange = httpResponse(id);


Het enige kleine puntje is dat httpResponse slechts 1 keer aangesproken wordt, dan dat is als getData aangeroepen wordt / dus als de readystate 1 is. Als de readystate 2, 3 of 4 is gebeurd er verder weinig. Zie ik soms iets over het hoofd? :)
  dinsdag 22 mei 2007 @ 23:19:15 #275
3677 SuperRembo
Sinds 1998
pi_49668500
Eigenlijk gebeurt er alleen iets bij readystate 4, de andere readystates zijn niet zo boeiend.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_49669190
In mijn programma al helemaal niet, mijn probleem is dus dat de functie httpResponse op deze manier alleen aan wordt gesproken zodra de gebruiker op de link klikt. Zodra de readystate op 4 schiet, dan wordt de functie niet autmotisch door de onreadystatechange aangeroepen. Wat hij normaal dus prima doet

Het script werkt verder prima als ik mijn responsefunctie een paar tellen later handmatig aanroep, maar dat is een beetje non-AJAX
  dinsdag 22 mei 2007 @ 23:47:26 #277
3677 SuperRembo
Sinds 1998
pi_49669517
Hoe ziet httpResponse er uit?
Ik zou trouwens eerst de onreadystatechange zetten, en daarna pas de request versturen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_49669681
De onreadystatechange heb ik van plaatst verwisseld, al maakte dat niet veel uit. Maar bedankt voor de tip, staat wel weer wat netter.

httpResponse:

1
2
3
4
5		function httpResponse(id) {
   alert('You rang? ' + http[id].readyState);
   
   if (http[id].readyState == 4) {   
      if (http[id].responseXML){   


Wanneer ik deze handmatig (dmv. een button) aanspreek, voert hij zijn werkt verder prima uit. Het zit hem denk ik in de .onreadystatechange = ...
pi_49669797
Met dank aan Google een ietwat ranzige oplossing:

1http[id].onreadystatechange = function () { httpResponse(id) }


Het werkt!
  dinsdag 22 mei 2007 @ 23:59:48 #280
3677 SuperRembo
Sinds 1998
pi_49669958
onreadystatechange heeft geen parameters, dus id in httpResponse is altijd null.
Iets als dit werkt waarschijnlijk beter:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		var http = new Array();
var http = new Array();
function getData(url, id) {
   if (!http[id]) {
        http[id] = getHTTPObject();
   } 
   var request = http[id];
   request.open("GET", url, true);
   request.onreadystatechange = function() {
     if (request.readyState == 4) {
          processResponse(request.respnseXML);
     }
   }
   request.send(null);
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_49670775
Elke keer als de readystate veranderd, roept hij de functie "httpResponse(id)" aan, waarbij "id" in dit geval ingevuld wordt doordat ik die meegeef in het "getData(url, id)" gedeelte. Dus als voorbeeld: "httpResponse(11433)". Werkt voor nu prima, en dat is voor mij persoonlijk prima

Ik moet je toegeven, de manier waar jij het op doet is inderdaad netter.
pi_49726440
Kan je met javascript ook de flashvars van een embeded flash aanpassen?
heb gegoogled maar kwam er niet echt uit, enige oplossing leek op een zweedse site te staan, en nu is mn zweeds niet zo goed.
  donderdag 24 mei 2007 @ 16:23:04 #283
12880 CraZaay
prettig gestoord
pi_49729680
In principe kun je hun waarde in de DOM aanpassen, maar ik betwijfel of Flash hier realtime iets mee doet en of het uberhaupt doet wat je verwacht
pi_49900908
Ik wil een lijst met namen (elk hun eigen div) van plaats laten verwisselen.
Dus bijvoorbeeld:

Persoon 1
Persoon 2 ^
Persoon 3 ^
Persoon 4 ^

Zodra ik dan bij persoon 2 op ^ druk moet ie omwisselen met persoon 1 en wordt de lijst

Persoon 2
Persoon 1 ^
Persoon 3 ^
Persoon 4 ^


Hoe kan ik dit makkelijk en snel oplossen in javascript? Ik heb van alles gezocht maar het enige wat in de buurt komt is drag en drop maar daar hangt een heel script achter dat je cursor positie leest en dat lijkt me overdreven.
Hoe kan dit snel, makkelijk en efficient?
-
pi_49902606
Drag en drop heb je niet nodig en wordt veel te ingewikkeld. Je kan moeilijk gaan lopen doen met het Document Object Model, maar het kan veel simpeler met innerHTML.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		<script type="text/javascript">

function verwissel (i1, i2) {
   var obj1 = document.getElementById(i1);
   var obj2 = document.getElementById(i2);
   
   var temp = obj1.innerHTML;
   obj1.innerHTML = obj2.innerHTML;
   obj2.innerHTML = temp;
   
}

</script>


<span id="item1">Persoon 1</span>
<a href="#" onclick="verwissel('item1', 'item2'); return false;">down</a><br />

<span id="item2">Persoon 2</span>
<a href="#" onclick="verwissel('item2', 'item1'); return false;">up</a>
<a href="#" onclick="verwissel('item2', 'item3'); return false;">down</a><br />

<span id="item3">Persoon 3</span>
<a href="#" onclick="verwissel('item2', 'item3'); return false;">up</a><br />
pi_49902836
Dankje. dat was precies wat ik zocht ja. Ik was zelf al met DOMs aan het proberen maar dat lukte echt niet.
Maar als ik het goed begrijp wisselt innerHTML dus de span + inhoud om met een andere span+inhoud?
-
  dinsdag 29 mei 2007 @ 20:36:34 #287
3677 SuperRembo
Sinds 1998
pi_49902854
Het kan ook simpel met DOM functies:

1
2
3
4
5
6
7		window.onload = function() 
{
   var list1 = document.getElementById('l1');
   var item2 = document.getElementById('i2');
   var item3 = document.getElementById('i3');
   list1.insertBefore(item3, item2);
}


1
2
3
4
5
6		<ul id="l1">
   <li id="i1">uno</li>
   <li id="i2">due</li>
   <li id="i3">tre</li>
   <li id="i4">quattro</li>
</ul>
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas dinsdag 29 mei 2007 @ 20:40:07 #288
1972 Swetsenegger
Egocentrische Narcist
pi_49903015
bestaat er een javascript equivalent voor stristr?
 | FOK! Schrikkelbaasch
  dinsdag 29 mei 2007 @ 20:47:14 #289
3677 SuperRembo
Sinds 1998
pi_49903302
Als je case-insensitive wil zoeken in javascript dan akn dat met een regexp: myString.match(/foo/i)

(of zonder regexp: myString.toLowerCase().indexOf('foo'))
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas dinsdag 29 mei 2007 @ 21:02:52 #290
1972 Swetsenegger
Egocentrische Narcist
pi_49903923
quote:
Op dinsdag 29 mei 2007 20:47 schreef SuperRembo het volgende:
Als je case-insensitive wil zoeken in javascript dan akn dat met een regexp: myString.match(/foo/i)

(of zonder regexp: myString.toLowerCase().indexOf('foo'))
Bedankt!
 | FOK! Schrikkelbaasch
pi_49965686
Ik heb een klein vraagje, met AJAX lees in een document uit (XML) nu wil ik deze XML uitlezen in Javascript en daarmee een select (options) vullen.

Nu probeerde ik zo (lokaal) een stukje XML in te laden.

1
2		var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.xml = xmlhttp.responseText; 


Nu krijg ik een error op de 1e regel in IE en FF, werkt dit lokaal niet? of doe ik wat fout? alles wordt in een functie aangeroepen!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 31 mei 2007 @ 15:43:10 #292
12880 CraZaay
prettig gestoord
pi_49967190
In FF (of iedere browser behalve IE 5+) gaat deze Microsoft-implementatie sowieso niet werken. Waarom gebruik je niet gewoon een JS library ofzo om dit af te vangen, ipv het wiel opnieuw uit te vinden?
pi_49967960
Ik heb gezocht naar zo'n stukje maar kon dit helaas niet vinden is er dan een oplossing dat ik wel XML documenten kan lezen in zowel IE als FF en kan bewerken oftewel uit een XML een option list kan vullen?

Het laden is mij nu gelukt, maar kan helaas niets vinden over hoe ik XML omzet naar een select list.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		            if (window.ActiveXObject)
            {  
                xmlDoc       = new ActiveXObject("Microsoft.XMLDOM");
                xmlDoc.async = false;
             xmlDoc.loadXML(xmlhttp.responseText); 
            }
            else if (document.implementation && document.implementation.createDocument)
            {
                var parser = new DOMParser();
                var xmlDoc = parser.parseFromString(xmlhttp.responseText,"text/xml");
            }
            else
            {
                alert('Neem een andere brouwser!');
            }


Werkt in IE en FF

Tevens wil ik dus de volgende list uitlezen

1
2
3
4
5
6
7
8
9
10
11		<?xml version="1.0" encoding="ISO-8859-1" ?> 
<gfxpoll>
    <action>layouts</action>
    <count>4</count>
    <layouts>
        <item>Default</item>
        <item>GFX</item>
        <item>Test</item>
        <item>Woei</item>
    </layouts>
</gfxpoll>


[ Bericht 82% gewijzigd door Chandler op 31-05-2007 16:34:39 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_49970117
Je moet even zoeken op javascript xml reader, dan kan je zien hoe je met javascript xml afloopt. Het is dan een koud kunstje om te zorgen dat je tijdens het aflopen een select list opbouwt.
pi_49974288
Waarom gebruik je niet gewoon XMLHttpRequest.responseXML?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_49976558
Met ajax moet je inderdaad niet het wiel opnieuw gaan uitvinden. Gebruik een javascript library of framework, zoals bijv Dojo of de Yahoo User Interface library of een andere eventueel (ik heb alleen ervaring met deze twee).

Doe dat echt! Dat scheelt zo ontzettend veel tijd en frustratie! Het is bijna niet meer te doen om zelf alles uit te zoeken op dit gebied, tenzij je hardcore masochist bent.
pi_49977158
Het wiel opnieuw uitvinden? Een XML pagina opvragen en parsen stelt toch weinig voor?
pi_49977572
quote:
Op donderdag 31 mei 2007 19:08 schreef SuperRembo het volgende:
Waarom gebruik je niet gewoon XMLHttpRequest.responseXML?
Die zocht ik dus

Maar hoe kan ik dan de nodes etc verder uitlezen?

Wil gewoon <action>*</action> uitlezen plus <layouts>(<item>*</item>)</layouts> that's all..
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_49978258
met *.childNodes *.parentChild *.nextSibling enzo.
pi_49978284
quote:
Op donderdag 31 mei 2007 20:32 schreef Geqxon het volgende:
Het wiel opnieuw uitvinden? Een XML pagina opvragen en parsen stelt toch weinig voor?
Ik weet niet hoe lang jij al bezig bent met ajax maar het behelst heel wat meer dan alleen een xml pagina parsen hoor...
pi_49978334
quote:
Op donderdag 31 mei 2007 21:01 schreef SlimShady het volgende:
met *.childNodes *.parentChild *.nextSibling enzo.
Tnx, Ik zal morgen eens kijken wat dit aan info oplevert!
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 5
Index

» digital corner

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