[Javascript] voor dummies (deel 7)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  zaterdag 26 januari 2008 @ 20:28:30 #1
136730 PiRANiA
All thinking men are atheists.
pi_56325838


De (voorlopige) OP van de [Javascript] voor dummies reeks.
Hier kan je alle vragen stellen over Javascript en alles wat er mee te maken heeft.

Heb je een probleem, post dan ook even de code waar het probleem zit Zo kunnen we je beter proberen te helpen.

Vorige delen:
#1 - [Javascript] voor dummies - Deel 1
#2 - [Javascript] voor dummies - Deel 2
#3 - [Javascript] voor dummies - deel 3
#4 - [Javascript] voor dummies - deel 4
#5 - [Javascript] voor dummies (deel 6)
#6 - [Javascript] voor dummies (deel 6)

Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
Mis je een link? Geef even een gil in het topic

Tutorials:
W3Schools Javascript
W3Schools AJAX

Laatste posts uit het vorige topic:
quote:
Op vrijdag 25 januari 2008 20:08 schreef ralfie het volgende:

[..]

ik kan me er wel iets bij voorstellen. Firefox is gebouwd op een soort van javascript engine en daarom ook helemaal rond dat soort objects en children en whatnot. IE heeft een eigen platform wat javascript als het ware emuleert. Wat je dan krijgt is dat dit soort basale functies in firefox heel snel gaan (want basaal) en in IE trager (want wordt geemuleerd) terwijl iets als object.innerHTML in IE direct wordt verwerkt terwijl firefox met objects.childs.counts.removes ed. moet gaan emuleren omdat netjes te verwerken.

Dat is mijn theorie althans
Deze OP: http://wiki.fok.nl/index.php/OP/Javascript
Dag Google!
  zaterdag 26 januari 2008 @ 20:35:01 #2
37634 wobbel
Da WoBBeL King
pi_56326040
aah weer een topic voor noobs zoals ik
Hosted VoIP SIP trunks Vast mobiel VoIP
  zaterdag 26 januari 2008 @ 21:38:21 #3
85514 ralfie
!Yvan eht nioj
pi_56328019
ah, shit, ik had deze moeten maken

dit is geen verkapte tvp. echt niet
pi_56328998
Die van mij wel
  zaterdag 26 januari 2008 @ 22:53:13 #5
136730 PiRANiA
All thinking men are atheists.
pi_56329817
quote:
Op zaterdag 26 januari 2008 21:38 schreef ralfie het volgende:
ah, shit, ik had deze moeten maken

dit is geen verkapte tvp. echt niet
dat klopt, deze hou ik tegoed
Dag Google!
pi_56339192
Ik ben bezig een shoutboxje te bouwen waarin ik een color-picker wil hebben. Nou heb ik een leuke colorpicker gevonden die er precies uitziet zoals ik dat wil. De zogenaamde flooble color picker. Echter is, zelfs met de code-generator, de code niet aan de praat te krijgen. Iemand een leuke andere color-picker in de aanbieding, of ziet iemand waar het probleem in zit?
pi_56339559
@Tarabass: Heb je ergens de gegenereerde code staan? Het moet toch wel te debuggen zijn?
pi_56339807
@fokME2
Dit is de origineel code

Zoals je ziet doet ie niet wat hij zou moeten doen. Ik ben al aan het proberen gegaan maar zonder resultaat.
pi_56341247
Wat een rotzooi, daar kan ik je ook niet 1 2 3 mee helpen.

Is het niet een idee om zelf een kleine colorpicker in elkaar te zetten met een beperkt aantal kleuren? En eventueel zelf aan te vullen met een kleurcode?
pi_56343783
quote:
Op zondag 27 januari 2008 15:25 schreef fokME2 het volgende:
Wat een rotzooi, daar kan ik je ook niet 1 2 3 mee helpen.

Is het niet een idee om zelf een kleine colorpicker in elkaar te zetten met een beperkt aantal kleuren? En eventueel zelf aan te vullen met een kleurcode?
Ja, ik vond het ook al een zooitje. Volgens mij is dat er expres van gemaakt om de code onbegrijpelijk te houden or whatever. Iig top dat je er even na gekeken hebt

Heb nog nooit een colorpicker gemaakt en javascript is (op dit niveau) ook nieuw voor me. Ajaxen lukt me wel, maar dit. Misschien dat iemand een leuke tut weet??, want die ik vind zijn enkel voor het grafische gedeelte ervan. In principe is het de bedoeling dat er automatisch om de geselecteerde tekst de tags '<font color=kleur>' en '</font>' komen, net zoals ik gebouwd heb bij de rest van de knoppen. Ik ga iig nog even wat rommelen en proberen
pi_56343977
Vraagje:

Ik heb 2 javascripten op mijn website gezet: een Mootools-effectje en een-Lightbox-achtig ding om mijn foto's te openen. Dat laatste werkt echter niet.

Kan het zijn dat die 2 javascripten met elkaar interfereren? En hoe los ik dit op?
pi_56344121
  • Als je ze op twee verschillende pagina's zet doen ze het wel, maar samen niet?
  • Hoe roep je ze aan?
    • pi_56344217
    De mootools beweging werkt apart, maar het andere werkt niet apart. Daar moet de fout dus ergens zitten.

    Ik heb aparte linkjes gemaakt naar scripts, die ik van andere websites heb gekopieerd. In de head-sectie van mn html staan nu 4 verwijzingen en 2 korte stukjes script.

    Ik hoop dat dit duidelijk genoeg is
    pi_56345891
    Voor mij niet iig

    Misschien moet je eens op zoek gaan naar een tutorial waarin ze de lightbox inbouwen. Hopen dat je daar je antwoord krijgt op je probleem
    pi_56346395
    TVP
    pi_56347113
    quote:
    Op zondag 27 januari 2008 19:17 schreef Tarabass het volgende:
    Voor mij niet iig

    Misschien moet je eens op zoek gaan naar een tutorial waarin ze de lightbox inbouwen. Hopen dat je daar je antwoord krijgt op je probleem
    Morgen ben ik weer op mijn studentenkamer, dan zal ik de website eens online zetten. Want voor een javascript-noob is het niet gemakkelijke dit uit te leggen
    pi_56347672
    quote:
    Op zondag 27 januari 2008 17:28 schreef Tarabass het volgende:

    [..]

    Ja, ik vond het ook al een zooitje. Volgens mij is dat er expres van gemaakt om de code onbegrijpelijk te houden or whatever.

    Nee, het is gewoon beroerde code. Niet zoals het anno 2008 zou moeten.

    Deze is wel aardig, Niet hoe ik het zou doen, maar wel vrij netjes. Met tutorial.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56355898
    quote:
    Op zondag 27 januari 2008 20:36 schreef SuperRembo het volgende:

    [..]


    Nee, het is gewoon beroerde code. Niet zoals het anno 2008 zou moeten.

    Deze is wel aardig, Niet hoe ik het zou doen, maar wel vrij netjes. Met tutorial.
    Dat is wel duidelijk want hij doet het simpelweg niet. Thx voor de link, ga ik zo even bekijken
    pi_56371314
    quote:
    Op zondag 27 januari 2008 15:25 schreef fokME2 het volgende:
    Wat een rotzooi, daar kan ik je ook niet 1 2 3 mee helpen.

    Is het niet een idee om zelf een kleine colorpicker in elkaar te zetten met een beperkt aantal kleuren? En eventueel zelf aan te vullen met een kleurcode?
    Ik heb even wat in elkaar gebrouwen. Het doet het nu goed. Natuurlijk is feedback over de code welkom

    Ben er best trots op!

    Een ding lukt me niet. In FF hebben de td's in de colorpicker wel een border, maar in Ie krijg ik dit niet voor elkaar. Iemand een idee hoe dit toch voor elkaar te krijgen?
      dinsdag 29 januari 2008 @ 08:36:48 #20
    136730 PiRANiA
    All thinking men are atheists.
    pi_56377952
    quote:
    Op maandag 28 januari 2008 21:27 schreef Tarabass het volgende:

    [..]

    Ik heb even wat in elkaar gebrouwen. Het doet het nu goed. Natuurlijk is feedback over de code welkom

    Ben er best trots op!

    Een ding lukt me niet. In FF hebben de td's in de colorpicker wel een border, maar in Ie krijg ik dit niet voor elkaar. Iemand een idee hoe dit toch voor elkaar te krijgen?
    als-ie nou online zou zijn...
    Dag Google!
    pi_56378931
    Ik heb het test-servertje gewoon thuis draaien. Hij is online van 8 uur tot half twaalf 's avonds, dus nu zou hij bereikbaar moeten zijn
    pi_56381782
    Ik post ook maar eens een keer hier. Ik mijdt Javascript als de pest zolang het kan, vandaag toch eens aan het experimenteren geslagen. Ik heb het volgende stukje code, een functie:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13    		function CreateDynamicTable(aDiv, aRows, aCols){
        document.getElementById(aDiv).innerHTML='<table>';
        var i=1;
        var j=1;
        for(i=1;i<=aRows;i++){
            document.getElementById(aDiv).innerHTML+='\r\n<tr>';
            for(j=1;j<=aCols;j++){
                document.getElementById(aDiv).innerHTML+='\r\n<td><textarea></textarea></td>';
            }
            document.getElementById(aDiv).innerHTML+='\r\n</tr>';
        }
        document.getElementById(aDiv).innerHTML+='\r\n</table>';
    }


    Wat ik met deze functie wil doen, heel simpel uitgelegd, is door middel van 3 argumenten een tabel toevoegen aan een <div>je. CreateDynamicTable('moo', 5, 5); zou dus een tabel met 5 rijen (<tr>) en per rij 5 cellen (<td>) moeten toevoegen, aldus via schermpje 1:


    In dit schermpje geef ik dus die argumenten door, door op de knop 'Verder' te klikken wordt functie 'CreateDynamicTable' aangeroepen. Echter wat gebeurt er:


    Hij zet alle cellen met de textareas naast elkaar neer voor een of andere reden, in plaats van er netjes een tabel met 3 x 3 kolommen x rijen van te maken.

    Je zou in eerste opzicht denken dat een paar van de tags niet goed geparsed worden middels de CreateDynamicTable functie, echter als ik de functie aanpas en het volgende doe:

    1
    2
    3
    4
    5
    6
    7
    8
    9    		document.getElementById('bladie').value='<table>';
        for(i=1;i<=aRows;i++){
            document.getElementById('bladie').value+='\r\n<tr>';
            for(j=1;j<=aCols;j++){
                document.getElementById('bladie').value+='\r\n<td><textarea></textarea></td>';
            }
            document.getElementById('bladie').value+='\r\n</tr>';
        }
        document.getElementById('bladie').value+='\r\n</table>';


    Dan doet hij in <textarea> 'bladie' wel netjes het volgende er in gooien:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17    		<table>
    <tr>
    <td><textarea></textarea></td>
    <td><textarea></textarea></td>
    <td><textarea></textarea></td>
    </tr>
    <tr>
    <td><textarea></textarea></td>
    <td><textarea></textarea></td>
    <td><textarea></textarea></td>
    </tr>
    <tr>
    <td><textarea></textarea></td>
    <td><textarea></textarea></td>
    <td><textarea></textarea></td>
    </tr>
    </table>


    Kortom, die output is perfect.

    Dit zou een vrij eenvoudige functie en handeling moeten zijn, toch doe ik iets verkeerd en kijk ik er waarschijnlijk overheen. Wie o wie kan me helpen?
    pi_56383431
    Ik vind de code heel rommelig. i en j een value meegeven en in de for-loop weer. document.getElementById('bladie') kun je in een variable gooien.

    Je fout zit in het feit dat je de eerste for-loop maar 3 keer doorloopt. Deze zou je 9 keer moeten doorlopen. In die negen keer moet je kijken of het een cel of een rij wordt. Je wilt namelijk ook 9 textarea's, toch?

    Het zou zoiets moeten worden:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22    		    function CreateDynamicTable(aDiv, aRows, aCols) {
            aDiv = document.getElementById(aDiv);

            var tableCode = '';
            tableCode += '<table>';
          
            for (i = 0; i < aRows * aCols; i++) {
                if (i % aCols == 0) {
                    tableCode += '<tr>';
                }
                tableCode += '<td><textarea></textarea></td>';
                if (i % aCols == aCols - 1) {
                    tableCode += '</tr>';
                }
            }
            if (i % aCols != 0) {
                tableCode += '</tr>';
            }
            tableCode += '</table>';
          
            aDiv.innerHTML = tableCode;
        }
    pi_56383573
    quote:
    Op dinsdag 29 januari 2008 12:55 schreef Tarabass het volgende:
    Ik vind de code heel rommelig. i en j een value meegeven en in de for-loop weer. document.getElementById('bladie') kun je in een variable gooien.
    Het opruimen is voor naderhand, als het functioneel is.
    quote:
    Op dinsdag 29 januari 2008 12:55 schreef Tarabass het volgende:
    Je fout zit in het feit dat je de eerste for-loop maar 3 keer doorloopt. Deze zou je 9 keer moeten doorlopen. In die negen keer moet je kijken of het een cel of een rij wordt. Je wilt namelijk ook 9 textarea's, toch?


    Het loopen klopt hoor. In het voorbeeld hierboven waren aRows en aCols beiden 3. In loop 1 gaat de code door de rijen, en in deze loop vindt ook weer een loop plaats die het aantal cellen aanmaakt. Wat dat betreft klopt dat stukje. Het probleem zit 'm hier in het feit dat de innerHTML output raar is, terwijl als ik de output als text naar een textarea parse, deze wel 100% correct is.

    Tevens heb ik zojuist hetzelfde geprobeert met <div> jes in plaats van een <table> met daarin <tr> en <td> tags. Dit werkte wel. Alsof innerHTML me niet toelaat tabelletjes te maken. >_>
    pi_56383634
    Ik had het vermoeden dat het fout ging bij het "innerHTML+= ...". De functie een heeeel klein beetje omgebouwd en hij werkt hier nu in Opera 9, Firefox 2 en IE6.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17    		<?php
    function CreateDynamicTable(aDiv, aRows, aCols)
    {
        var     table = '<table>';
        var     i=1;
        var     j=1;
        for(    i=1;i<=aRows;i++){
                table += '\r\n<tr>';
            for(    j=1;j<=aCols;j++){
                    table +='\r\n<td><textarea></textarea></td>';
            }
                table+='\r\n</tr>';
        }
            table+='\r\n</table>';
            document.getElementById(aDiv).innerHTML=table;
    }
    ?>


    Is het niet een idee om helemaal "netjes" met docum ent.createElement() en appendChild te werken?
    pi_56383789
    quote:
    Op dinsdag 29 januari 2008 13:01 schreef Tuvai.net het volgende:

    [..]

    Het opruimen is voor naderhand, als het functioneel is.
    [..]



    Het loopen klopt hoor. In het voorbeeld hierboven waren aRows en aCols beiden 3. In loop 1 gaat de code door de rijen, en in deze loop vindt ook weer een loop plaats die het aantal cellen aanmaakt. Wat dat betreft klopt dat stukje. Het probleem zit 'm hier in het feit dat de innerHTML output raar is, terwijl als ik de output als text naar een textarea parse, deze wel 100% correct is.

    Tevens heb ik zojuist hetzelfde geprobeert met <div> jes in plaats van een <table> met daarin <tr> en <td> tags. Dit werkte wel. Alsof innerHTML me niet toelaat tabelletjes te maken. >_>
    Dat stukje code dat ik gaf werkt gewoon. Hoe je het dus ook interpreteert, je loopt de loop maar 3 keer door en dat moet 9 keer worden. Daarbij zal hij 3 keer zeggen dat het een row + cols moet zijn en 6 keer alleen een col. Code is getest en werkt

    Create table
    pi_56384178
    quote:
    Op dinsdag 29 januari 2008 13:08 schreef Tarabass het volgende:
    Dat stukje code dat ik gaf werkt gewoon. Hoe je het dus ook interpreteert, je loopt de loop maar 3 keer door en dat moet 9 keer worden.
    Hoe kom je toch bij die 3 keer? Zie je wel dat er een volledig andere loop (voor de <td> tags) in m'n eerste loop (voor de <tr> tags) staat? Sowieso worden het aantal rijen aangemaakt a.h.v. de eerste loop, en elke keer dat die plaatsvindt, word ook de loop daarbinnen aangeroepen. Zie m'n output naar het <textarea> element, die werkt gewoon.
    quote:
    Op dinsdag 29 januari 2008 13:03 schreef fokME2 het volgende:
    Ik had het vermoeden dat het fout ging bij het "innerHTML+= ...". De functie een heeeel klein beetje omgebouwd en hij werkt hier nu in Opera 9, Firefox 2 en IE6.
    [ code verwijderd ]

    Is het niet een idee om helemaal "netjes" met docum ent.createElement() en appendChild te werken?
    Bij het innerHTML gedeelte ging 'ie inderdaad de fout in. Het werkt nu; ik heb sowieso de tabel vervangen door <div>jes (het hele programma`tje/site`je is immers al conform XHTML strict opgebouwd ), en in plaats van de output meteen weg te schrijven middels innerHTML, alles in een tijdelijk variabele gegooid (buffer).

    CreateElement() en appendChild zeggen me vrij weinig, nogmaals, ik ben normaal niet zo weg van Javascript. Maakt het iets uit?
    pi_56384232
    Of m.b.v. DOM functies:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15    		function createTable(parent, numCols, numRows)
    {
       var table = document.createElement('TABLE');
       var row, cell;
       for (var j = 0; j < numRows; ++j)
       {
          row = table.insertRow(-1);
          for (var i = 0; i < numCols; ++i)
          {
             cell = row.insertCell(-1);
             cell.appendChild(document.createTextNode(i + ':' + j));
          }
       }    
       parent.appendChild(table);
    }
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56384366
    quote:
    Op dinsdag 29 januari 2008 13:22 schreef Tuvai.net het volgende:
    Hoe kom je toch bij die 3 keer? Zie je wel dat er een volledig andere loop (voor de <td> tags) in m'n eerste loop (voor de <tr> tags) staat? Sowieso worden het aantal rijen aangemaakt a.h.v. de eerste loop, en elke keer dat die plaatsvindt, word ook de loop daarbinnen aangeroepen. Zie m'n output naar het <textarea> element, die werkt gewoon.
    Ja, je hebt gelijk. Je hebt de loopjes inderdaad wat anders staan en ik gaf mijn commentaar aan de hand van mijn snippet, waarin hij dus de loop maar 3 keer zou doorlopen en dus maar op 1 rij zou uitkomen. Verwarring van mijn kant, sorry daarvoor. Ik iig blij dat het gelukt is, die van jou is inderdaad mooier en korter. Denk dat ik dat snippetje even overneem
    pi_56384401
    quote:
    Op dinsdag 29 januari 2008 13:23 schreef SuperRembo het volgende:
    Of m.b.v. DOM functies:
    [ code verwijderd ]
    Bah, remco! Jij komt ook altijd met een nog betere oplossing
    pi_56384588
    Dat ziet er inderdaad een stuk mooier en object-achtig uit. Hoe kan ik in dat voorbeeldje echter een attribuut meegeven aan een rij, cel, etc?
    pi_56384793
    setAttribute('id','naam_id');
    pi_56385455
    quote:
    Op dinsdag 29 januari 2008 13:29 schreef Tarabass het volgende:
    [..]
    Bah, remco! Jij komt ook altijd met een nog betere oplossing
    (Super)Rembo is met een b, desnoods met een k, maar nooit met een c!
    quote:
    Op dinsdag 29 januari 2008 13:43 schreef Tarabass het volgende:
    setAttribute('id','naam_id');
    Het is eigenlijk altijd beter om een property op het object te zetten i.p.v. een attribute met setAttribute().

    Dus
    el.id = "foo";
    i.p.v.
    el.setAttribute("id", "foo");
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56387331
    quote:
    Op dinsdag 29 januari 2008 14:10 schreef SuperRembo het volgende:
    (Super)Rembo is met een b, desnoods met een k, maar nooit met een c!
    Sorry, RemKo
    quote:
    Het is eigenlijk altijd beter om een property op het object te zetten i.p.v. een attribute met setAttribute().

    Dus
    el.id = "foo";
    i.p.v.
    el.setAttribute("id", "foo");
    Ik zou graag zo willen denken als jij (bah wat klinkt dat gay) maar dan zullen we wel moeten weten waarom het is. Dus waarom liever een property dan de functie setAttribute()?
    pi_56389185
    Het is korter en duidelijker.
    Ik denk dat 't sneller is (maar heb ik niet getest)
    Het kan problemen geven zoals bij het zetten van een class:

    1
    2
    3    		el.className = 'foo'; // Dit werkt goed
    el.setAttribute('class', 'foo'); // Werkt in FF, werkt niet in IE
    el.setAttribute('className', 'foo'); // Werkt in IE, werkt niet in FF

    Je zal wel setAttribute() moeten gebruiken als je later nog de innerHTML van het element wil ophalen (maar waarom zou je dat willen?)

    getAttribute() heb je eigenlijk allen nodig als je een property wil opvragen die niet in de HTML standaard gedefinieerd is.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56402661
    quote:
    Op dinsdag 29 januari 2008 16:44 schreef SuperRembo het volgende:
    Het is korter en duidelijker.
    Ik denk dat 't sneller is (maar heb ik niet getest)
    Het kan problemen geven zoals bij het zetten van een class:
    [ code verwijderd ]

    Je zal wel setAttribute() moeten gebruiken als je later nog de innerHTML van het element wil ophalen (maar waarom zou je dat willen?)

    getAttribute() heb je eigenlijk allen nodig als je een property wil opvragen die niet in de HTML standaard gedefinieerd is.
    Kortom die heb je niet echt nodig wanneer je toch al netjes je HTML in orde hebt.
    pi_56408428
    @SuperRembo: Dat is inderdaad de netste oplossing!

    Zijn er hier mensen die werken met libraries? Op het moment ben ik aan het spelen met prototype en het bevalt heel goed.
    pi_56408467
    Nu wil ik een onclick-event toevoegen aan de 'cell', maar dit lukt niet goed.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22    		function createTable(parent, numCols, numRows)
    {
       var table = document.createElement('TABLE');
       var row, cell;
       for (var j = 0; j < numRows; ++j)
       {
          row = table.insertRow(-1);
          for (var i = 0; i < numCols; ++i)
          {
             cell = row.insertCell(-1);

             //Werkt alleen in FF
             onclickstring = 'showhide(\'' + parent + '\',\'' + parent.id + '\');setColor(\'' + curColor + '\'); return false';
             cell.setAttribute('onclick',onclickstring);
             //Werkt cross-browsed maar wordt al aangeroepen bij het aanmaken van het table en niet bij klikken op cel
             cell.onclick = new function() {alert('Hello World!');};

             cell.appendChild(document.createTextNode(i + ':' + j));
          }
       }    
       parent.appendChild(table);
    }


    Ik wil dus bij het klikken van een cell de functies showhide() en setColor() aanroepen, hoe bouw ik dat dan in?
    pi_56408825
    1       cell.onclick = function() {alert('Hello World!');};
    Geen new function, maar gewoon function (). Dan werkt het wel?
    pi_56409731
    Hey ladies,

    ik had een vraagje. Ik ben de laatste tijd erg veel met PHP en MySQL bezig, ook op m'n werk, maar ik ben nog wel echt een javascript newb. Met moeite en een hoop knip en plak werk en hopen dat het goed gaat kan ik wat kleine AJAX dingen inbouwen zoals dynamische SELECTs enzo. Ik wil dus graag wat beter worden met JavaScript.

    Gewoon tutorials doornemen werkt voor mij niet zo heel goed, ik wil graag een (klein) projectje doen waarmee ik zelf dingen op moet zoeken en op moet lossen, want dan leer je het veel beter. Heeft iemand een idee voor zo'n projectje of zijn er zelfs sites waar zulke dingen op staan waar je evt wat tips kunt krijgen mocht je er niet uitkomen?

    Een tutorial met oefenopgaven is ook prima.

    Tanks!
    "Reality is an illusion created by a lack of alcohol."
    pi_56409976
    quote:
    Op woensdag 30 januari 2008 13:58 schreef fokME2 het volgende:

    [ code verwijderd ]

    Geen new function, maar gewoon function (). Dan werkt het wel?
    Dat werkt wel maar is niet wat ik wil. Bovendien wordt de alert al aangeroepen bij het maken van het table, dus laat ik de table aanmaken dan krijg ik eerst 7*9 alert-boxjes, ipv één alert-boxje bij het klikken van een cel

    Ik wil dus twee bestaande functies aanroepen, en pas op het moment als ik op de cel klik. Bij de setAttribute-manier lukt dit in FF, maar werkt dat niet in IE
    pi_56410052
    quote:
    Op woensdag 30 januari 2008 14:38 schreef Dzy het volgende:
    [knip]
    Tja, w3schools heeft wel een paar leuke voorbeelden, zo ook tizag. Verder is google natuurlijk je beste vriend..
    pi_56410407
    @Tarabass: Als ik "function" doe ipv "new function" met jou functie dan wordt er alleen gealert als ik klik op een td? Zowel in IE6, FF2 en Opera 9?

    1cell.onclick = function() {showhide(parent); setColor(curColor);};

    ?
    pi_56411142
    quote:
    Op woensdag 30 januari 2008 15:06 schreef fokME2 het volgende:
    @Tarabass: Als ik "function" doe ipv "new function" met jou functie dan wordt er alleen gealert als ik klik op een td? Zowel in IE6, FF2 en Opera 9?
    [ code verwijderd ]

    ?
    Dat is hem inderdaad bijna

    Alleen is de curColor nu elke keer de laatste kleur uit de array. Voorbeeldje..

    Erg vreemd, want de cel-bgcolor wordt ook gevuld door die array en die loopt wel goed door en vult alle cellen met alle kleuren. Vreemd..
    pi_56411426
    Dat is helemaal niet zo raar. Op het moment dat de backgroundcolor wordt geset is de loop nog bezig. Als de loop klaar is dan blijft curColor de kleur van de laatste cell. (Doe eens alert(curColor) na appendChild van de table.)

    Als je op een cell klikt, dan wordt curColor uitgelezen wat op dat moment de laatste kleur is uit de loop. Een oplossing zou kunnen zijn om de achtergrondkleur van de cell waarop je klikt mee te geven aan de functie:
    1cell.onclick = function() { showhide(parent,parent.id); setColor(this.bgColor);  };
    pi_56412258
    quote:
    Op woensdag 30 januari 2008 15:50 schreef fokME2 het volgende:
    Dat is helemaal niet zo raar. Op het moment dat de backgroundcolor wordt geset is de loop nog bezig. Als de loop klaar is dan blijft curColor de kleur van de laatste cell. (Doe eens alert(curColor) na appendChild van de table.)

    Als je op een cell klikt, dan wordt curColor uitgelezen wat op dat moment de laatste kleur is uit de loop. Een oplossing zou kunnen zijn om de achtergrondkleur van de cell waarop je klikt mee te geven aan de functie:
    [ code verwijderd ]
    Schiet mij maar lek, maar ik begrijp je niet denk ik. Het werkt wel overigens hoor, maar begrijpen is een tweede.

    Wat mijn gedachtes zijn:

    De kleur wordt in de loop uit een array gehaald. Property cell.bgColor wordt gevuld met die kleur en de kleur wordt op dat moment gebruikt voor het aanmaken van een functie. Ik denk dan dat hij dat in de tag van die td zet, net zoals je dit keihard kan doen. Ik begrijp niet dat die functie dus ook echt wordt aangeroepen en ook aangemaakt pas bij het klikken van de td. Die logica ontgaat mij maar misschien dat ik dat ooit nog snap
    pi_56415307
    quote:
    Op woensdag 30 januari 2008 16:29 schreef Tarabass het volgende:
    [..]
    Schiet mij maar lek, maar ik begrijp je niet denk ik. Het werkt wel overigens hoor, maar begrijpen is een tweede.
    Verdiep je eens in closures
    http://blog.morrisjohns.com/javascript_closures_for_dummies
    http://ajaxian.com/archives/javascript-closures-for-dummies
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56429540
    @SuperRembo: Handige links, ik ken nog wel wat mensen die wat uitleg behoeven.
    pi_56435573
    Inderdaad informatieve linkjes, bedankt! Closures dus huh..
      donderdag 31 januari 2008 @ 17:08:13 #50
    37634 wobbel
    Da WoBBeL King
    pi_56437654
    Ik zoek voor onderstaande script een variant die WEL in Firefox werkt (dat doet deze dus NIET!!!).
    Hij werkt in IE7 en IE6 wel, maar FF dus niet.

    http://www.leejoo.nl/java/menu/rol_menu.htm iemand die dat kan oplossen of een andere weet die wel in FF werkt?
    Hosted VoIP SIP trunks Vast mobiel VoIP
    pi_56437955
    quote:
    Op donderdag 31 januari 2008 17:08 schreef wobbel het volgende:
    Ik zoek voor onderstaande script een variant die WEL in Firefox werkt (dat doet deze dus NIET!!!).
    Hij werkt in IE7 en IE6 wel, maar FF dus niet.

    http://www.leejoo.nl/java/menu/rol_menu.htm iemand die dat kan oplossen of een andere weet die wel in FF werkt?
    Waarom niet gewoon in een div zetten die met position:fixed gepositioneerd is?
    pi_56438046
    Het gaat waarschijnlijk om het slide effectje.
    pi_56438493
    quote:
    Op donderdag 31 januari 2008 17:08 schreef wobbel het volgende:
    Ik zoek voor onderstaande script een variant die WEL in Firefox werkt (dat doet deze dus NIET!!!).
    Hij werkt in IE7 en IE6 wel, maar FF dus niet.

    http://www.leejoo.nl/java/menu/rol_menu.htm iemand die dat kan oplossen of een andere weet die wel in FF werkt?
    Zit er niets voor je bij op Dynamicdrive.com?
    pi_56537911
    ff een vraagje.

    Ik laat een scriptje een input vergelijken met een lijst variables, en vervolgens de waarde van de bijbehorende variable plotten.

    Maar als de input een niet bestaande variable is, loopt het script vast. Kan ik dit op een eenvoudige manier opvangen?

    1
    2
    3
    4
    5
    6
    7    		var c=location.search.slice(1);

            if ( eval(c) == "" ) {
              document.write("ERROR: onbekende variable");
            }
            else {
              document.write(eval(c));

    zover was ik zelf al maar dit werkt dus niet :')
    pi_56537970
    1
    2
    3
    4
    5
    6    		if(typeof eval(c) == "undefined")
    {
       //error
    } else {
       //jee
    }


    Zoiets?
    pi_56538177
    dat werkt alleen als c leeg is. Als er iets willekeurigs verkeerds instaat krijg ik niets terug.
    pi_56541452
    quote:
    Op maandag 4 februari 2008 23:36 schreef mcDavid het volgende:
    ff een vraagje.

    Ik laat een scriptje een input vergelijken met een lijst variables, en vervolgens de waarde van de bijbehorende variable plotten.

    Maar als de input een niet bestaande variable is, loopt het script vast. Kan ik dit op een eenvoudige manier opvangen?
    [ code verwijderd ]

    zover was ik zelf al maar dit werkt dus niet
    Waarom gebruik je eval?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56548600
    quote:
    Op dinsdag 5 februari 2008 09:52 schreef SuperRembo het volgende:

    [..]

    Waarom gebruik je eval?
    Omdat ik niet de waarde van c wil, maar de waarde van de variable met als naam (c).
    pi_56548621
    nog een (n00b)vraagje trouwens: is het mogelijk om in plaats van document.getElementById("id") iets soortgelijks te doen maar dan met de naam?

    Zodat je bijv. de waarde kunt krijgen van een input die alleen een naam heeft.

    -edit-
    oh het is getElemtsByName

    [ Bericht 21% gewijzigd door mcDavid op 05-02-2008 21:06:31 ]
    pi_56551259
    @mcDavid: Zo dan?
    1
    2
    3
    4
    5
    6    		if ( eval('typeof ' + c) == 'undefined' )
    {
       document.write("ERROR: onbekende variable");
    } else {
       document.write(eval(c));
    }


    Net even wat rondgetest, dit doet volgens mij wat je wil?
    pi_56551512
    Ja werkt inderdaad!

    Komt wel kritisch met de spaties overigens
    pi_56552084
    Jup, maarja, al een flink eind opweg zo.
    pi_56552549
    Mag ook wel, na bijna 3 kwart jaar bezig te zijn met een site . Hoop van geleerd iig.
    over anderhalve week wil ik 'm de lucht in hebben.
    pi_56552770
    quote:
    Op dinsdag 5 februari 2008 20:21 schreef mcDavid het volgende:
    nog een (n00b)vraagje trouwens: is het mogelijk om in plaats van document.getElementById("id") iets soortgelijks te doen maar dan met de naam?

    Zodat je bijv. de waarde kunt krijgen van een input die alleen een naam heeft.

    -edit-
    oh het is getElemtsByName
    Nee, niet helemaal. De functie document.getElementsByName bestaat alleen in IE, niet in Firefox en Opera. Je kunt beter iets gebruiken als document.forms[0].elements["naamVanHetVeld"], dat werkt in elke browser.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56553033
    quote:
    Op woensdag 6 februari 2008 00:05 schreef SuperRembo het volgende:

    [..]

    Nee, niet helemaal. De functie document.getElementsByName bestaat alleen in IE, niet in Firefox en Opera. Je kunt beter iets gebruiken als document.forms[0].elements["naamVanHetVeld"], dat werkt in elke browser.
    Het werkt in firefox, en dat is genoeg, want het was voor een greasemonkey scriptje!
    pi_56553243
    Hmmm... foutje van mij. Zal ook de s vergeten zijn denk ik
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56553282
    quote:
    Op woensdag 6 februari 2008 00:23 schreef mcDavid het volgende:

    [..]

    Het werkt in firefox, en dat is genoeg, want het was voor een greasemonkey scriptje!
    12 installs in één dag is toch best goed volgens mij
    pi_56553367
    Ik heb ook nog wel wat leuke dingen liggen, maar je Fok! heeft liever niet dat je er mee adverteerd etc.
    pi_56553435
    Zolang je er geen topics over opent gaat het wel goed
    pi_56554999
    tvp
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
    pi_56721049
    tvp
    pi_56730075
    Ik heb een textbox met value = 'Password'. Nu wil ik onclick het type veranderen naar een password field, en de textbox legen. this.type='password' werkt hier niet in IE
      donderdag 14 februari 2008 @ 21:06:50 #73
    136730 PiRANiA
    All thinking men are atheists.
    pi_56735516
    quote:
    Op donderdag 14 februari 2008 16:46 schreef Flaccid het volgende:
    Ik heb een textbox met value = 'Password'. Nu wil ik onclick het type veranderen naar een password field, en de textbox legen. this.type='password' werkt hier niet in IE
    Als het niet lukt, maak dan een achtergrondplaatje met de tekst 'wachtwoord' dat verdwijnt als je er op klikt?
    Dag Google!
    pi_56735953
    quote:
    Op donderdag 14 februari 2008 21:06 schreef PiRANiA het volgende:

    [..]

    Als het niet lukt, maak dan een achtergrondplaatje met de tekst 'wachtwoord' dat verdwijnt als je er op klikt?
    onclick='this.class='bg.png' , en dan anders de class='textbg.png' bijvoorbeeld?
      donderdag 14 februari 2008 @ 21:39:27 #75
    136730 PiRANiA
    All thinking men are atheists.
    pi_56736262
    quote:
    Op donderdag 14 februari 2008 21:26 schreef Flaccid het volgende:

    [..]

    onclick='this.class='bg.png' , en dan anders de class='textbg.png' bijvoorbeeld?
    className @ javascript
    maar idd, zo kun je het aanpakken
    Dag Google!
    pi_56736949
    quote:
    Op donderdag 14 februari 2008 16:46 schreef Flaccid het volgende:
    Ik heb een textbox met value = 'Password'. Nu wil ik onclick het type veranderen naar een password field, en de textbox legen. this.type='password' werkt hier niet in IE
    Bij A List Apart staat een mooie oplossing beschreven: http://www.alistapart.com(...)formsmoreaccessible/
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      dinsdag 19 februari 2008 @ 22:22:03 #78
    105263 Litso
    Interlectueel.
    pi_56847998
    Ok, ik ben zelf een image gallery aan het bouwen en nu heb ik in JS een slidebar gemaakt voor de thumbnails, maar die loopt niet zo soepel. In IE 7 geen problemen, maar in FF hakkelt hij ontzettend.
    Nu ben ik sowieso geen held in JS, dus ga ik ervanuit dat het ligt aan mijn inferieure scriptingskills, maar heeft iemand een idee hoe ik dit kan optimaliseren?

    script:
    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    		   function left(max) {

          for(x=180;x>0;x=x-30) {         
             newleft = parseInt(document.getElementById('bar').style.left);
             if (newleft > 0) { break; }
             window.setTimeout('step(' + x + ')', x);

          }
       }
       function right(max) {
       
          for(x=180;x>0;x=x-30) {         
             newleft = parseInt(document.getElementById('bar').style.left);
             newright = newleft + max;
             if (newright < 700) { break; }
             window.setTimeout('step(-' + x + ')', x);

          }         
       }

       function step(step) {
          
          document.getElementById('bar').style.left = parseInt(document.getElementById('bar').style.left) + step;

       }


    De scrollknopjes roepen uiteraard respectievelijk left(x) en right(x) aan, met als x de breedte van de totale div.

    De site: http://litso.com/gallery/index.php?action=tagged

    Iemand een idee?
    "Dat is echt ontzettend zielig" ©
    pi_56851997
    Volgens mij werkt'ie hier in Fx gewoon goed hoor? (2.0.0.12)

    Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
    dus <=, >=, == enz. in plaats van <, > en =
      woensdag 20 februari 2008 @ 01:01:54 #80
    105263 Litso
    Interlectueel.
    pi_56852115
    quote:
    Op woensdag 20 februari 2008 00:53 schreef mcDavid het volgende:
    Volgens mij werkt'ie hier in Fx gewoon goed hoor? (2.0.0.12)

    Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
    dus <=, >=, == enz. in plaats van <, > en =
    >= betekent wat anders dan >, dus lijkt me stug.
    Maar hij doet het ook gewoon soepel? Hier niet namelijk, maar ik bedenk me net dat ik op FF3 Beta zit.

    edit: bij nader inzien had ik alleen nog op mn laptop getest. Op mn desktop doet ie het wel goed. Lag dus aan de laptop (acer )
    "Dat is echt ontzettend zielig" ©
    pi_56853336
    quote:
    Op woensdag 20 februari 2008 00:53 schreef mcDavid het volgende:
    Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
    dus <=, >=, == enz. in plaats van <, > en =
    Dat is onzin. Je moet natuurlijk wel goed letten op het verschil tussen = en ==.

    Hier werkt ie trouwens ook soepel in FF3 (beta), ondanks de niet optimale code. De makkelijkste optimalisatie die je kan doen is om niet telkens document.getElementById('bar') uit te voeren. Dat kost relatief veel tijd, die kan je beter 1x uitvoeren en opslaan in een variabele.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_56859675
    ik weet het verschil in betekenis, maar had zelf een keer een scriptje dat alleen werkte met dubbele == enzo. Maar wellicht kwam dat dan wel juist door het verschil in betekenis.
      woensdag 20 februari 2008 @ 14:52:59 #83
    105263 Litso
    Interlectueel.
    pi_56860692
    quote:
    Op woensdag 20 februari 2008 14:11 schreef mcDavid het volgende:
    ik weet het verschil in betekenis, maar had zelf een keer een scriptje dat alleen werkte met dubbele == enzo. Maar wellicht kwam dat dan wel juist door het verschil in betekenis.
    Bij = en == klopt het wel.
    x = 5 betekent dat x de waarde 5 krijgt, x == 5 checkt of x gelijk is aan 5.
    Bij andere operatoren hoeft dat dus niet.
    "Dat is echt ontzettend zielig" ©
      woensdag 20 februari 2008 @ 19:25:45 #84
    85514 ralfie
    !Yvan eht nioj
    pi_56867303
    ja en

    < betekent kleiner dan
    <= kleiner dan of gelijk aan
    > groter dan
    >= groter dan of gelijk aan

    Nogal een verschil dus
    pi_57127283
    Is Opera zo slecht met Javascript of ligt het echt aan mij?

    http://zcflevo.nl/files/thumbnails.js Zo pittig is de functie openinfo(y) toch ook weer niet?

    [ Bericht 39% gewijzigd door mcDavid op 03-03-2008 14:59:47 ]
    pi_57131407
    quote:
    Op maandag 3 maart 2008 14:54 schreef mcDavid het volgende:
    Is Opera zo slecht met Javascript of ligt het echt aan mij?

    http://zcflevo.nl/files/thumbnails.js Zo pittig is de functie openinfo(y) toch ook weer niet?
    Lijkt me ook niet. Wat is 't probleem dan? Heb je een voorbeeld online?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_57131582
    www.zcflevo.nl

    als je op zo'n gele link klikt, dan op terug, en dan nog een keer op dezelfde link klikt, dan doet'ie het niet meer in opera.

    Met terug wordt een frame geopend dat parent.docment.GetElementById("info").style="hidden" doet. Zodat hij weer verstopt wordt.

    Dat bleek het eerst ook al niet te doen in opera, maar dat heb ik al opgelost.
    pi_57132406
    Ik zie ook niet wat er fout gaat.

    Misschien een andere oplossing zoeken. Als je ook ergens een linkje toevoegt om het eerste info schermpje (met het weer) te laten zien dan heb je die terug knop niet nodig. Of laat de iframe altijd zien, en laadt er als eerste de weer-info in.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_57132785
    quote:
    Op maandag 3 maart 2008 18:57 schreef SuperRembo het volgende:
    Ik zie ook niet wat er fout gaat.

    Misschien een andere oplossing zoeken. Als je ook ergens een linkje toevoegt om het eerste info schermpje (met het weer) te laten zien dan heb je die terug knop niet nodig. Of laat de iframe altijd zien, en laadt er als eerste de weer-info in.
    Dat laatste wou ik nou juist liever niet. Is kut voor de structuur. Op de indexpagina zou het (zoals 'ie nu is) misschien nog kunnen maar op de andere pagina's is het rot.

    Moet toch maar es PHP onder de knie zien te krijgen. Dan heb ik helemaal geen iframes meer nodig.
      maandag 3 maart 2008 @ 20:09:17 #90
    136730 PiRANiA
    All thinking men are atheists.
    pi_57134285
    quote:
    Op maandag 3 maart 2008 19:12 schreef mcDavid het volgende:

    [..]

    Dat laatste wou ik nou juist liever niet. Is kut voor de structuur. Op de indexpagina zou het (zoals 'ie nu is) misschien nog kunnen maar op de andere pagina's is het rot.

    Moet toch maar es PHP onder de knie zien te krijgen. Dan heb ik helemaal geen iframes meer nodig.
    Doen!
    Dag Google!
      donderdag 13 maart 2008 @ 10:07:54 #91
    37634 wobbel
    Da WoBBeL King
    pi_57346157
    Hellep

    Waarom doet http://www.dumpzooi.nl/v2/TEST.php het wel in IE7, maar niet in Firefox?
    Hosted VoIP SIP trunks Vast mobiel VoIP
    pi_57350119
    quote:
    Op donderdag 13 maart 2008 10:07 schreef wobbel het volgende:
    Hellep

    Waarom doet http://www.dumpzooi.nl/v2/TEST.php het wel in IE7, maar niet in Firefox?
    Omdat document.all false oplevert in Firefox?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      donderdag 13 maart 2008 @ 15:07:18 #93
    37634 wobbel
    Da WoBBeL King
    pi_57352322
    quote:
    Op donderdag 13 maart 2008 13:11 schreef SuperRembo het volgende:

    [..]

    Omdat document.all false oplevert in Firefox?
    aah me is not so smart maar het werkt idd

    Hosted VoIP SIP trunks Vast mobiel VoIP
      donderdag 13 maart 2008 @ 22:26:23 #94
    37634 wobbel
    Da WoBBeL King
    pi_57362693
    IS AL OPGELOST!! ZIE OPLOSSING HIERONDER

    Ik heb de volgende code, die geeft mij 3 alert venstertjes met 255, 123 en 88 goed dus

    1
    2
    3
    4
    5    		var teontledenvariable='255,123,88';
    var geontleed=teontledenvariable.split(",");
    alert ( geontleed[0] ); // poept 255 uit
    alert ( geontleed[1] ); // poept 123 uit
    alert ( geontleed[2] ); // poept 88 uit


    Maaar nu als ik onderstaande code doe, krijg ik niks

    1
    2
    3
    4
    5
    6
    7    		rgbwaarde = myColorPicker.CurColor; // deze waarde komt van een javascript colorpicker
    alert ( rgbwaarde ); // geeft een goede RGB code terug, dus deze waarde bestaat
    var teontledenvariable=rgbwaarde;
    var geontleed=teontledenvariable.split(",");
    alert ( geontleed[0] ); // ik krijg niks
    alert ( geontleed[1] ); // ik krijg niks
    alert ( geontleed[2] ); // ik krijg niks


    Ik krijg de eerste alert wel (dus een alert venstertje met bijv. 139, 254, 12) maar hij gaat de variable RGBWAARDE niet ontleden

    IE7 geeft dan: Deze eigenschap of methode wordt niet ondersteund door dit object

    [edit]

    Dankzij wat MSN / Gtalk vriendjes opgelost

    Dit is de code

    1
    2
    3
    4
    5
    6
    7
    8    		[code]
    rgbwaarde = myColorPicker.CurColor; // deze waarde komt van een javascript colorpicker
    alert ( rgbwaarde ); // geeft een goede RGB code terug, dus deze waarde bestaat
    var teontledenvariable=rgbwaarde.toString();
    var geontleed=teontledenvariable.split(",");
    alert ( geontleed[0] ); // ik krijg niks
    alert ( geontleed[1] ); // ik krijg niks
    alert ( geontleed[2] ); // ik krijg niks
    [/code]

    [ Bericht 17% gewijzigd door wobbel op 13-03-2008 22:34:00 ]
    Hosted VoIP SIP trunks Vast mobiel VoIP
      FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:08:43 #95
    1972 Swetsenegger
    Egocentrische Narcist
    pi_57376039
    Ik wil bij een onclick de innerhtml van een element vullen met de src van een andere html.
    Is dat uberhaupt mogelijk? document.getElementById('element').innerHTML.src='path/naar/html' werkt niet in ieder geval
     | FOK! Schrikkelbaasch
    pi_57376173
    quote:
    Op vrijdag 14 maart 2008 15:08 schreef Swetsenegger het volgende:
    Ik wil bij een onclick de innerhtml van een element vullen met de src van een andere html.
    Is dat uberhaupt mogelijk? document.getElementById('element').innerHTML.src='path/naar/html' werkt niet in ieder geval
    document.getElementById('element').innerHTML=document.getElementById('element_met_src').src;
      FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:18:58 #97
    1972 Swetsenegger
    Egocentrische Narcist
    pi_57376248
    Dank je, maar er is dus geen element met een src, ik wil vanaf filesysteem een html src inladen in de innerhtml
     | FOK! Schrikkelbaasch
      FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:20:38 #98
    1972 Swetsenegger
    Egocentrische Narcist
    pi_57376274
    Mjah, dat gaat natuurlijk niet zonder ajax bedenk ik me nu
     | FOK! Schrikkelbaasch
    pi_57376611
    Als je echt volledige pagina's dynamisch wil gaan inladen kun je inderdaad beter óf met ajax gaan werken, óf gebruik maken van divs die standaard hidden zijn en pas tevoorschijn getoverd worden wanneer jee rgens op klikt.

    Ik heb een kant en klaar scriptje op Boekenbox staan die in feite hele aparte pagina's uitleest en de inhoud daarvan in een <div> plakt:
    http://www.boekenbox.nl/js/ajax_get.js

    Gebruik:
    <html_element onclick="ajax_get('pagina.htm','div_waar_resultaat_in_moet');" />
    pi_57376647
    quote:
    Op vrijdag 14 maart 2008 15:18 schreef Swetsenegger het volgende:
    Dank je, maar er is dus geen element met een src, ik wil vanaf filesysteem een html src inladen in de innerhtml
    Wat je wilt is een javascript include.
    Dat kan, met een iframe.
    Of je dat wilt is iets anders.

    -edit- ik heb het zelf gebruikt in de site in me sig. Als je op zo'n gele link klikt.
    Maar dat wil ik in de nabije toekomst vervangen door een php-include.
    actieve topics nieuwe topics
    abonnement Unibet Coolblue Bitvavo
    [Javascript] voor dummies (deel 7)
    Index

    » digital corner

    » development

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