[Javascript] voor dummies - deel 3

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_35044839
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.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
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?
actieve topics nieuwe topics
abonnement Unibet Coolblue
[Javascript] voor dummies - deel 3
Index

» digital corner

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