[Javascript] voor dummies deel 5

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
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...
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies deel 5
Index

» digital corner

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