[Javascript] voor dummies - deel 3

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_35047986
quote:
Op maandag 13 februari 2006 18:07 schreef SuperRembo het volgende:
In de popup heb je window.opener, daarmee kan je bij de pagina komen die de popup geopend heeft. Dan moet je de waarden uit het popup-form overzetten naar het pagina-form.
aha thnx tis gelukt
pi_35059914
Ik heb een uitklapbare tabel, op deze manier:
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		<table cellspacing="0" cellpadding="0" style="margin: 0; padding: 0;" width="100%">
<colgroup><col width="28"><col width="28"><col width="28">
<col width="28"><col width="28"><col width="28"><col width="28"></colgroup>
<tbody id="tabelnaam_collapsed" class="button">
<tr>
   <td colspan="7" width="168">  
     <a href="javascript:expand('tabelnaam');">> Tabel Naam</a>
  </td>
</tr>
</tbody>
<tbody id="tabelnaam_expanded" class="button" style="display: none;">
<tr>
   <td colspan="7" width="168">  
     <a href="javascript:collapse('tabelnaam');">v Tabel Naam</a>
  </td>
</tr>
<tr class="choice">
   <td> </td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td> </td>
</tr>
</tbody>
</table>


Met deze javascriptfuncties
1
2
3
4
5
6
7
8
9
10
11		function expand( id )
{
   document.getElementById( id + '_collapsed' ).style.display = 'none';
   document.getElementById( id + '_expanded' ).style.display = '';
}

function collapse( id )
{
   document.getElementById( id + '_expanded' ).style.display = 'none';
   document.getElementById( id + '_collapsed' ).style.display = '';
}


Werkt prima. Maar nu wil ik de inhoud van de uitklapbare menuutjes dynamisch laten lezen, door een xmlHttpRequest. De inhoud van de 'expanded' tbody's kan variëren, er kunnen meerdere rijen inzitten. Hoe realiseer ik dit? Ik weet hoe ik xmlHttpRequests moet uitvoeren, maar hoe parse ik daar html mee?
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35061902
Je kunt aan de hand van de data die je ontvangen hebt nieuwe elementen toevoegen in je tabel met functies als document.createElement(), table.insertRow() en row.insertCell().
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_35115821
1
2
3
4
5
6
7
8
9
10
11		<table id="parent">
<tr>
  <td>
    <table id="child">
    <tr>
       <td><a href="javascript:alert(getParentName('child'));">klik</a></td>
    </tr>
    </table>
 </td>
</tr>
</table>


Is er een manier mogelijk om als in het voorbeeld met een functie de naam het id van de parenttabel te achterhalen?
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35117777
Met myNode.parentNode kan je de parent node opvragen. Daarmee kan je terugzoeken tot je een table-node hebt gevonden.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_35119759
Daarmee krijg ik
1[object HTMLTableSectionElement]

Hoe verander ik dat in het ID?
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35121625
Hm, als ik er
1document.getElementById(elementnaam).parentNode.parentNode.id


Van maak krijg ik een lege string terug. Niet null, maar echt een lege string.

-edit-

Het moest dit worden
1parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.id


Dat ziet er netjes uit
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35122292
Dat verander je niet in een id, dat heeft een id

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		function findParentTable(p_el) {
   var el = p_el;
   var parentId;
   while (el = el.parentNode) {
      if (el.nodeName == 'TABLE') {
         parentId = el.id;
         break;
      }
   }
   if (parentId) {
      alert('Parent "' + parentId + '" found for "' + p_el.id +'".');
   } else {
      alert('No parent found for "' + p_el.id +'".');
   }
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_35122447
Zoals ik zo vaak zeg; bedankt

Deze pagina is ook erg handig om het te begrijpen
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35147805
quote:
Op donderdag 16 februari 2006 09:33 schreef Skorpija het volgende:
tvp
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
pi_35367789
ik heb een function forms();

deze functie wordt aangeroepen vanuit een href="javascript:forms();"

in de functie forms wil ik dat er een document.write('hee man'); komt, maar dit moet hij onder het huidige document erbij schrijven, en niet op een nieuwe HTML pagina

weet iemand hoe ik zoiets voor elkaar krijg?
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_35369079
document.getElementsByTagName("body")[0].insertAdjacentHTML("beforeEnd", "blah!");

zie: http://msdn.microsoft.com(...)sertadjacenthtml.asp voor meer info.

Ik zou je functie btw anders noemen, aangezien forms al bestaat (document.forms[ ] array)

[ Bericht 15% gewijzigd door Webby op 22-02-2006 16:18:56 (toevoeging) ]
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
pi_35369541
tenks
werkt
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_35369726
quote:
Op vrijdag 10 februari 2006 15:25 schreef mschol het volgende:
hmmm ik zit met het volgende probleem:
ik laat door Javascript een ingevulde naam checken d.m.v. een regexp maar de regexp is kennelijk niet goed (of me js is verkeerd opgesteld)
javascript:
[ code verwijderd ]

en de html pagina, form tag+ veld
[ code verwijderd ]

de naam die mag worden ingevoerd mag zijn PWA000 t/m PWA999
de regex heb ik aan gemaakt m.b.v regexbuddy
wat doe ik verkeerd?
Je kan btw ipv object.style.whatStyle ook gebruikmaken van object.className en zo meerdere style attributen ineens changen door er een andere class aan te hangen.
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
  woensdag 22 februari 2006 @ 17:59:20 #143
6941 APK
Factual, I think.
pi_35373247
Ik heb ook een dummie vraag.

Ik wil video gaan streamen door een digitale camera via firewire aan te sluiten op een computer.
Hiervoor gebruik ik Windows Media Encoder.

De URL die er uit komt is iets zoals: http://192.92.7.14:8080/ (gewoon een willekeurig IP ingevuld.)

Als ik die URL op een andere computer plak in Windows Mediaplayer krijg ik prima beeld.
Hoe krijg ik dat beeld in een browser?
Who the fuck can sleep with all this shit going on?
pi_35373813
Dat heeft niets met javascript te maken. Als je even googelt dan vind je zo hoe je dat voor elkaar krijgt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  woensdag 22 februari 2006 @ 18:24:23 #145
6941 APK
Factual, I think.
pi_35374113
quote:
Op woensdag 22 februari 2006 18:16 schreef SuperRembo het volgende:
Dat heeft niets met javascript te maken. Als je even googelt dan vind je zo hoe je dat voor elkaar krijgt.
Dank je!

Ik had gegoogled op 'Javascript streaming video' en dat soort dingen.

Edit:

Hmmz punt twee:

Prepare and encode your source content into a Windows Media file.
Iemand een idee in welk topic ik het beste kan vragen hoe dat moet?

Ik zie zo snel geen 'encoderen van Windows Media files voor dummies.'

[ Bericht 23% gewijzigd door APK op 22-02-2006 18:35:00 ]
Who the fuck can sleep with all this shit going on?
pi_35374796
quote:
Op woensdag 22 februari 2006 18:24 schreef APK het volgende:
Ik zie zo snel geen 'encoderen van Windows Media files voor dummies.'
Misschien toch handig om dat topic dan zelf te openen, dan houden we 't hier bij javascript. Wel zo overzichtelijk
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  woensdag 22 februari 2006 @ 18:42:55 #147
6941 APK
Factual, I think.
pi_35374896
quote:
Op woensdag 22 februari 2006 18:40 schreef SuperRembo het volgende:

Misschien toch handig om dat topic dan zelf te openen, dan houden we 't hier bij javascript. Wel zo overzichtelijk
Ik zal het morgen eens proberen.
Who the fuck can sleep with all this shit going on?
pi_35448082
Ik heb t volgende stukje code. Er zijn 2 radio buttons, een voor ja en een voor nee.
Als je op ja klikt moet het inputveld dat eronder staat worden weergegeven, als je op nee klikt moet het weer verdwijnen.

Dit werkt op zich prima, behalve als je na het laden van de pagina op Nee klikt. Dan wordt het veld toch weergegeven, wat natuurlijk niet de bedoeling is.

Iemand die weet hoe je dit kan oplossen?

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>
  function toggle(targetId, start, end) { 
       for(i=start; i<=end; i++) {     
           if (document.getElementById) {
               target = document.getElementById(targetId + i);
               target.style.visibility = (target.style.visibility == 'hidden') ? 'visible' : 'hidden';
           }
       }
   }
   </script>

   <form method='post' action='index.php?content=Log in' onsubmit='return validate_form()'>
   <table>
    <tr><td>Gebruikersnaam: </td><td><input type='text' name='gebruikersnaam' maxlength=20></td></tr>
    <tr><td>E-mail adres: </td><td><input type='text' name='email' maxlength=32></td></tr>
    <tr><td>Heb je een registratienummer?</td>
        <td>Ja<input name='booleanregnummer' type='radio' onfocus=toggle('outside',1,2)>Nee<input name='booleanregnummer' type='radio' onfocus=toggle('outside',1,2) checked></td>
    </tr>
    <tr><td><div id='outside1' style='visibility: hidden'>Registratienummer</div></td>
        <td><div id='outside2' style='visibility: hidden'><input name='regnummer' type='text'></div></td>
    </tr>
   </table>
   <input type='submit' name='submitreg' value='Verzenden'>
   </form>
pi_35453949
Ik heb al wat bedacht. Gewoon met een boolean opgelost.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		  function toggle(targetId, bvalue, start, end) { 
       for(i=start; i<=end; i++) {     
           if (document.getElementById) {
               target = document.getElementById(targetId + i);
               target.style.visibility = bvalue ? 'visible' : 'hidden';
           }
       }
   }
   </script>

   <form method='post' action='index.php?content=Log in' onsubmit='return validate_form()'>
   <table>
    <tr><td>Gebruikersnaam: </td><td><input type='text' name='gebruikersnaam' maxlength=20></td></tr>
    <tr><td>E-mail adres: </td><td><input type='text' name='email' maxlength=32></td></tr>
    <tr><td>Heb je een registratienummer?</td>
        <td>Ja<input name='booleanregnummer' type='radio' onfocus=toggle('outside',true,1,2)>Nee<input name='booleanregnummer' type='radio' onfocus=toggle('outside',false,1,2) checked></td>
    </tr>
    <tr><td><div id='outside1' style='visibility: hidden'>Registratienummer</div></td>
        <td><div id='outside2' style='visibility: hidden'><input name='regnummer' type='text'></div></td>
    </tr>
   </table>
   <input type='submit' name='submitreg' value='Verzenden'>
   </form>
pi_35476447
Ik zit met het volgende probleem, waarvan ik vermoed dat het heel makkelijk op te lossen is, maar ik heb geen idee waar te kijken.

Ik heb de volgende code:

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		 function displayRaces()
      {
        var races = new Array("Human", "Ork", "Dwarf", "Elf", "Troll");
        document.write("<select name=\"playerRace\" id=\"playerRace\" onchange=\"calculateBuildingPointsRace()\">");
        for (i=0;i<races.length;i++)
        {
          document.write("<option value=\"" + races[i] + "\">" + races[i] + "</option>");
        }
        document.write("</select>");
      }
      
      function calculateBuildingPointsRace()
      {
        var myRace = document.getElementById("playerRace").value;
        switch(myRace)
        {
        case "Human":
          var raceCost = 0;
          break
        case "Ork":
          var raceCost = 20;
          break
        case "Dwarf":
          var raceCost = 25;
          break
        case "Elf":
          var raceCost = 30;
          break
        case "Troll":
          var raceCost = 40;
          break
        }
        document.write(raceCost);
      }

De eerste functie, genereert binnen een form een select box, met een 5 tal opties. De tweede functie wijst een aantal kosten toe aan een gekozen ras.

Nu heb ik elders een inputveld, waar deze kosten in moeten komen. Ik wil dat op het moment dat ik een ander ras kies, dat dan automatisch de waarde van dit veld mee veranderd. Als ik bovenstaande code gebruik, dan wordt er een nieuwe pagina geladen, waarin de nieuwe waarde komt te staan, in plaats van de huidige pagina, met een andere waarde.

Hoe zorg ik dat de huidige pagina wordt aangepast, ipv de nieuwe?
pi_35478912
document.write(raceCost); veranderen in: document.getElementById("IDNameVanBetreffendInputVeld").value = raceCost;
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
pi_35479551
quote:
Op zaterdag 25 februari 2006 16:07 schreef Webby het volgende:
document.write(raceCost); veranderen in: document.getElementById("IDNameVanBetreffendInputVeld").value = raceCost;
Thnx, het werkt inderdaad... damn dat was simpel.

Ik doe normaal NOOIT wat met javascript, dus loop tegen dit soort eenvoudige problemen aan. Wel een goede vingeroefening dus.
pi_35483474
Nog een kleintje dan:

1
2
3
4
5
6
7
8
9
10
11
12
13
14		function calculateBuildingPointsAttributes()
      {
        var attributes = new Array("bod", "agi", "rea", "str", "cha", "int", "log", "wil", "edge", "mag", "res");
        for (i=0;i<attributes.length;i++)
        {
          if(document.getElementById(attributes[i]).value < 6)
          {
            var attributeCost = (parseInt(document.getElementById(attributes[i]).value) - 1)*10;
            window.alert(attributes[i] + "heeft als kosten" + attributeCost);
            var totalAttributesCost = parseInt(totalAttributesCost) + parseInt(attributeCost);
          }
        }
        window.alert(parseInt(totalAttributesCost));
      }

Bovenstaande code zou een optelling moeten geven van alle buildingpoint costs van de opgetelde attributen.

de window.alert(attributes[i] + "heeft als kosten" + attributeCost); is voor mij een test om te kijken of overal wel netjes een getal uitkomt. Dit is ook het geval.

Echter als ik de totalAttributesCost opvraag, krijg ik als error NaN (not a number). Wat doe ik hier fout?

voor de zekerheid heb ik het een en ander al ge-parseInt.
pi_35485527
Je definineert de vars attributeCost en totalAttributeCost elke keer opnieew. defineer ze aan het begin en gebruik ze daarna.

Probeer hem eens zo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14		function calculateBuildingPointsAttributes() {
  var attributes = new Array("bod", "agi", "rea", "str", "cha", "int", "log", "wil", "edge", "mag", "res");
  var attributeCost = 0;
  var totalAttributesCost = 0;
  
  for (i = 0; i < attributes.length; i++) {
    if(document.getElementById(attributes[i]).value < 6) {
      attributeCost = (parseInt(document.getElementById(attributes[i]).value) - 1) * 10;
      alert(attributes[i] + "heeft als kosten" + attributeCost);
      totalAttributesCost += attributeCost;
    }
  }
  alert(totalAttributesCost);
} 
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
pi_35501161
Wat moet ik bij een form bij action of onsubmit invullen als ik niet wil dat de pagina verandert?
Dit werkt niet:
1<form action="./" onSubmit="functie(blabla); return false">
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35501208
quote:
Op zondag 26 februari 2006 03:39 schreef Nevermind het volgende:
Wat moet ik bij een form bij action of onsubmit invullen als ik niet wil dat de pagina verandert?
Dit werkt niet:
[ code verwijderd ]
Alleen een submitbutton zonder form?
pi_35502276
Hm, beetje moeilijk om uit te leggen, maar het zou handig zijn als ik de <form>-tag er wel in kan laten.
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35504319
onsubmit="return false" zou genoeg moeten zijn. Het werkt natuurlijk niet als je javascript hebt uitgeschakeld. Het houdt submits via javascript ook niet tegen, omdat dan onsubmit niet getriggerd wordt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_35526811
Op eenofandere manier werkt het niet met "return false", maar ik heb het nou maar zonder form-tags gedaan door met php alle veldwaarden van een formulierveld in de onclick-event van een button te zetten. Semi-submit dus. Ik wou dat met een simpele functie doen die elk elements van het form leest, maar dat gaat niet door. Het probleem is dat ik de form wil submitten door de waarden met een xmlHttpRequest te posten.
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35527166
Dan heb je idd geen form-element nodig. Je kan dan met javascript de informatie uit de velden verzamelen en in je XMLHttpRequest zetten.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_35527725
Nog een vraagje:
Als ik de inhoud van een DIV vervang door een stuk tekst waar een stuk javascriptcode zit, dan wordt deze niet geparsed. Moet innerHTML er niet voor zorgen dat de javascript wel geparsed wordt? Klein opzetje om het te verduidelijken:

test.html
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		<html><head><title></title></head>
<body onLoad="setTimeout( 'sendRequest( \'twee.html\' )', 1500 )">

<script type="text/javascript">

   ---8<--- <knip> xmlhttprequest laden
   
   function sendRequest( file )
   {
      xmlHttp.open( "GET", file, true );
      xmlHttp.onreadystatechange = getRequest;
      xmlHttp.send( null );
   }
   
   function getRequest()
   {
      --- 8<--- <knip> bij readystate 4 het volgende uitvoeren
      dynContent( 'testdiv', xmlHttp.responseText );
   
   }

   function dynContent( id, content )
   {
      if( ie = false )
      {
         if( document.getElementById )
         {
            rng = document.createRange();
            el = document.getElementById( id );
            rng.setStartBefore( el );
            htmlFrag = rng.createContextualFragment( content );

            while ( el.hasChildNodes() )
               el.removeChild( el.lastChild );
               el.appendChild( htmlFrag );
            
         }
      } else {
         document.getElementById( id ).innerHTML = content;
      }
   }   

</script>

<div id="testdiv">één</div>
</body>
</html>


twee.html:
1
2		<script type="text/javascript">alert('blaat');sendRequest( 'drie.html' );</script>
twee


drie.html:
1drie


Ik zou willen dat er "drie" in #testdiv komt te staan, maar ik kom tot twee.Op deze manier werkt het dus niet, maar hoe wel?
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35528422
quote:
Op zondag 26 februari 2006 22:50 schreef Nevermind het volgende:
Nog een vraagje:
Als ik de inhoud van een DIV vervang door een stuk tekst waar een stuk javascriptcode zit, dan wordt deze niet geparsed. Moet innerHTML er niet voor zorgen dat de javascript wel geparsed wordt? Klein opzetje om het te verduidelijken:

test.html
[ code verwijderd ]

twee.html:
[ code verwijderd ]

drie.html:
[ code verwijderd ]

Ik zou willen dat er "drie" in #testdiv komt te staan, maar ik kom tot twee.Op deze manier werkt het dus niet, maar hoe wel?
Volgens mij kan dat niet zomaar. Ik weet niet precies of er een workaround is, maar volgens mij gaat dat niet op de manier die je nu probeert...ik kan je alleen even niet verder helpen nu.
pi_35530127
Ik weet niet precies wat je wil bereiken, maar misschien dat je het met eval op kunt lossen.
Je script zal trouwens niet goed werken in IE (ie = false).
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_35531982
Alle vragen die ik de laatste tijd stel hebben te maken met een hobbyproject waar ik al veel te lang mee bezig ben Ik wil een windows-achtige interface hebben, waar schermpjes gedragen kunnen
worden en scripts uitgevoerd kunnen worden zonder de pagina te refreshen. Misschien zeggen screenshots wat meer;

De eerste versie werkte met windows die een iframe bevatten, en werkte vrij redelijk, maar werd erg traag met veel schermpjes en was niet erg crossbrowser-vriendelijk. Toen besloot ik over te gaan op een hidden iframe die de inhoud van alle schermpjes veranderde, maar daar liep ik ook tegen veel vreemde crossbrowserfouten aan. En nu ben ik bezig met een xmlHttprequest-versie die tot op heden erg crossbrowservriendelijk is en snel, alleen nu loop ik weer tegen allerlei limitaties en vreemde browserspecifieke fouten aan.

Als het eenmaal af is kan het voor een hele hoop dingen gebruikt worden, een CMS en een mailclient bijvoorbeeld. En ik wil het graag als interface hebben om een hoop dingen van mijn thuisserver te regelen. Maar tot op heden is er weinig resultaat en al vele uren werk

Die ie = false regel is inderdaad fout werkt nog steeds in IE overigens, maar verandert verder niks aan de vraag. Ik zal het eens met eval proberen
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_35534108
kan je dan niet beter naar AJAX achtige omgevingen gaan kijken?
pi_35534642
quote:
Op maandag 27 februari 2006 01:10 schreef Nevermind het volgende:
Alle vragen die ik de laatste tijd stel hebben te maken met een hobbyproject waar ik al veel te lang mee bezig ben Ik wil een windows-achtige interface hebben, waar schermpjes gedragen kunnen
worden en scripts uitgevoerd kunnen worden zonder de pagina te refreshen. Misschien zeggen screenshots wat meer;

De eerste versie werkte met windows die een iframe bevatten, en werkte vrij redelijk, maar werd erg traag met veel schermpjes en was niet erg crossbrowser-vriendelijk. Toen besloot ik over te gaan op een hidden iframe die de inhoud van alle schermpjes veranderde, maar daar liep ik ook tegen veel vreemde crossbrowserfouten aan. En nu ben ik bezig met een xmlHttprequest-versie die tot op heden erg crossbrowservriendelijk is en snel, alleen nu loop ik weer tegen allerlei limitaties en vreemde browserspecifieke fouten aan.

Als het eenmaal af is kan het voor een hele hoop dingen gebruikt worden, een CMS en een mailclient bijvoorbeeld. En ik wil het graag als interface hebben om een hoop dingen van mijn thuisserver te regelen. Maar tot op heden is er weinig resultaat en al vele uren werk

Die ie = false regel is inderdaad fout werkt nog steeds in IE overigens, maar verandert verder niks aan de vraag. Ik zal het eens met eval proberen
Ik gebruik deze AJAX Class: http://twilightuniverse.com/projects/sack
In Combinatie met deze DOM scripts: http://www.scottandrew.com/weblog/articles/cbs-events

Geheel crossbrowser en erg multifunctioneel inzetbaar. Ben nu net bezig met een AJAX form validatie die Username checked op bestaat al ja / nee, wachtwoord op sterkte test, 2e wachtwoord input vergelijkt met de eerste, email adres controleerd op @, . en geldige extensie, en numerieke velden checked op is het alleen numeriek (postcode 7 chars + spatie, etc.).

Alles zit in 2 .js files die los van het daadwerkelijke formulier staan (volledig dom georienteerd) en de opmaak van het formulier is weer puur css. Dit valt straks aan elk willekeurig form te plakken en het werkt. Als het af is breng ik het uit op mijn website ...
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
pi_35537135
quote:
Op maandag 27 februari 2006 09:28 schreef Webby het volgende:

[..]

Ik gebruik deze AJAX Class: http://twilightuniverse.com/projects/sack
In Combinatie met deze DOM scripts: http://www.scottandrew.com/weblog/articles/cbs-events

Geheel crossbrowser en erg multifunctioneel inzetbaar.
Ik kan zo snel niet vinden in welke browsers het zou moeten werken, maar als ik even snel de code door kijk dan werkt het iig niet in IE5.0. Verder wel aardig opgezet, alleen niet allemaal even efficient gecodeerd.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_35584584
quote:
Op zaterdag 25 februari 2006 19:21 schreef Webby het volgende:
Je definineert de vars attributeCost en totalAttributeCost elke keer opnieew. defineer ze aan het begin en gebruik ze daarna.

Probeer hem eens zo:
[ code verwijderd ]
En weer opgelost.

Ik heb nu nog een vervelende...

Ik heb een table, met daarin een tr met td. In die td laat ik middels een javascript een pulldown genereren met content. Op het moment dat ik een item aanklik uit die pulldown, moet er een nieuwe table row gegenereerd worden waarin weer die pulldown wordt neergezet enz.

Het genereren van een pulldown met items werkt
Het toevoegen van een regel met text werkt

maar het toevoegen van een regel met die pulldown werkt niet, ik vermoed dat het komt doordat ik javascript het volgende wil laten uitspuwen: <script>addRow()</script>. Ik krijg niet echt een foutmelding, maar een enorme hoeveelheid bagger op mijn scherm geproduceerd.

Hieronder even de codes die ik gebruik:

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		//genereer pulldown lijst:
 function displaySkillGroups()
      {
        var skillGroups = new Array ("Choose skillgroup", "Atheletics", "Biotech", "Close Combat", "Conjuring", "Cracking", "Electronics", "Firearms", "Influence", "Mechanic", "Outdoors", "Sorcery", "Stealth", "Tasking");
        document.write("<select name=\"playerClass\" id=\"playerClass\" onchange=\"addRow()\">");
        for (i=0;i<skillGroups.length;i++)
        {
          document.write("<option value=\"" + skillGroups[i] + "\">" + skillGroups[i] + "</option>");
        }
        document.write("</select>");
      }

//genereer nieuwe tabel rij
function addRow()
      {
        var x=document.getElementById('skillGroups').insertRow(1);
        var y=x.insertCell(0);
        y.innerHTML="...";
      }

//html code wat ik wil:
         <table id="skillGroups" border="1">
              <tr>
                <td>
                  <script type="text/javascript">
                    displaySkillGroups();
                  </script>
                </td>
              </tr>
            </table>


Met ... doet ie het goed, met <script>addRow();</script> doet ie het dus niet. Iemand die mij kan helpen? < van <script> naar & l t ; omzetten heeft geen zin, want dan krijg ik het als tekst
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - deel 3
Index

» digital corner

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