[Javascript] voor dummies (deel 8)

DIG Digital Corner

Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.

Je bent niet ingelogd. Klik hier om in te loggen of hier om een gratis account aan te maken.

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

maandag 12 januari 2009 @ 08:45:53 #176

Likkende_Lassie

Doe eens wat aan je ondertitel

Ok, ik kom er niet uit

De sitiutatie is als volgt:

- Ik heb meerdere select's op mijn pagina, met precies dezelfde waarde, alleen de naam van select is anders.
- Ik wil, dat zodra er één van de options wordt geselecteerd, in een willekeurige select, dat in elke select (behalve de huidige), de optie verdwijnt. Wordt de optie niet meer geselecteerd, dan moet hij weer overal verschijnen.

Duidelijk?

Dit heb ik al aan code:

1
2
3
4
5
6
7
8
9
10
11

Eigenlijk zou hij alle select's op de pagina in een array moeten gooien, en vervolgens hier zn ding doen.
Maar php is meer mn ding dan javascript

Wie o wie!

maandag 12 januari 2009 @ 15:51:02 #177

SuperRembo

Sinds 1998

Het vervelende is dat je opties in een selectbox niet kan verbergen. Daar zal je zelf iets voor moeten bouwen. Het mooiste is om dat herbruikbaar (OOP) te maken, maar dat is niet voor dummies

In plaats van een optie verbergen moet je een optie dus verwijderen als je 'm niet meer wil laten zien. Om de optie dan later weer te kunnen laten zien heb je een lijst nodig van alle opties, of een lijst met de opties die je verborgen/verwijderd hebt.

woensdag 14 januari 2009 @ 17:17:19 #178

Apfel.

Apfel PUNT

Ik heb een array in javascript. De output hiervan wil ik in een div laten uitkomen. Echter plaatst hij de gehele array achter elkaar erin.

Hij plaatst t als volgt:
boek1boek2boek3 etc

Terwijl ik wil dat het zo komt te staan:

boek1
boek2
boek3
etc

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

<html>
<head>

<title>Javascript</title>

<link rel="stylesheet" href="style.css" type="text/css">

<script type="text/javascript">
              // setup the main array
              var setArray = Array("Boek1", "Boek2", "Boek3", "Boek4", "Boek5","Boek6");

              // insert the array into the DIV smalltest object
              function insertArray()
              {
                     var theText = ""; // set the theText output to an empty string otherwise it would start with null.
                     for (var i=0; i < setArray.length; i++)
                     {
                            // create the array of text to insert
                            theText += setArray[i];
             theText += "\n"; // voor de regel tussen de array records
           }
                     // create the createTextNode
                     var insertText = document.createTextNode(theText);
                     document.getElementById("assortiment").appendChild(insertText);
              }
       </script>

</head>

<body>

   <div class="loginbalk">
      <div class="divcenter">
        <div class="loginkolom">

      <img src="images/stip.gif" border="0" height="5" width="266">
          <span class="blauw">ASSOR</span><span class="zwart">TIMENT</span>
               <img src="images/stip.gif"  border="0" height="5" width="266">

           <div class="tekstzwart" id="assortiment">
           </div>
      </div>
      </div>

<input type="submit" value="Bekijk alle boeken" onClick="javascript:insertArray()" />

</div>
</body></html>

woensdag 14 januari 2009 @ 18:33:41 #179

Light

quote:
Op donderdag 8 januari 2009 14:26 schreef HuHu het volgende:
Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:
[ code verwijderd ]

Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.

Zoiets idd. <input type="image" ... /> is een variant van <input type="submit" ... /> en je hebt dus geen onclick="" nodig.

fokstok.nl

donderdag 15 januari 2009 @ 14:53:58 #180

Roy_T

quote:
Op woensdag 14 januari 2009 17:17 schreef Apfel. het volgende:
Ik heb een array in javascript. De output hiervan wil ik in een div laten uitkomen. Echter plaatst hij de gehele array achter elkaar erin.

Hij plaatst t als volgt:
boek1boek2boek3 etc

Terwijl ik wil dat het zo komt te staan:

boek1
boek2
boek3
etc

Hij zet er wel newlines tussen (\n), maar daar doet je browser niks mee in de weergave. <br /> daarentegen...

donderdag 15 januari 2009 @ 18:27:53 #181

Apfel.

Apfel PUNT

quote:
Op donderdag 15 januari 2009 14:53 schreef Roy_T het volgende:

[..]

Hij zet er wel newlines tussen (\n), maar daar doet je browser niks mee in de weergave. <br /> daarentegen...

<br /> heb ik ook al geprobeerd. Dan geeft ie gewoon boek1 < br/> boek2 < br/> boek3 < br/> weer

donderdag 15 januari 2009 @ 18:40:13 #182

mcDavid

quote:
Op donderdag 15 januari 2009 @ 18:27 schreef Apfel. het volgende:

[..]

<br /> heb ik ook al geprobeerd. Dan geeft ie gewoon boek1 < br/> boek2 < br/> boek3 < br/> weer

Komt denk ik door dat je createTextNode gebruikt ipv createElement. < en > worden geconverteert naar de html entity's.

-edit- dit werkt wel:

1
2
3

var insertText = document.createElement('div');
insertText.innerHTML = theText;
document.getElementById("assortiment").appendChild(insertText);

-edit- of in dit geval korter:

1	document.getElementById('assortiment').innerHTML=theText;

[ Bericht 17% gewijzigd door mcDavid op 15-01-2009 18:49:40 ]

donderdag 15 januari 2009 @ 18:42:15 #183

HuHu

quote:
Op woensdag 14 januari 2009 18:33 schreef Light het volgende:

[..]

Zoiets idd. <input type="image" ... /> is een variant van <input type="submit" ... /> en je hebt dus geen onclick="" nodig.

Ah... ik was even vergeten dat image hetzelfde is als submit.

dinsdag 20 januari 2009 @ 15:50:49 #184

Chandler

Ik ben het even kwijt en daarom vraag ik het hier!

Hoe kan ik middels XMLHTTP settings geschreven in php gebruiken in javascript? dus niet een stuk tekst vervangen met innerHTML maar gegevens uitlezen, mag XML maar liever arrays en variables

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 20 januari 2009 @ 16:11:37 #185

Roy_T

Lekker duidelijk Chandler

Maar als ik je goed begrijp, kun je het beste JSON notatie gebruiken (JavaScript Object Notation). Met json_encode() kun je in PHP 5.2+ eenvoudig een array omzetten naar een JSON.

Ik zou een JS library gebruiken als jQuery om die data op te halen dmv een AJAX-request en te parsen.

[ Bericht 15% gewijzigd door Roy_T op 20-01-2009 16:16:42 ]

dinsdag 20 januari 2009 @ 18:10:59 #186

SuperRembo

Sinds 1998

He bah geen jQuery alsjeblieft.

dinsdag 20 januari 2009 @ 18:51:09 #187

Roy_T

quote:
Op dinsdag 20 januari 2009 18:10 schreef SuperRembo het volgende:
He bah geen jQuery alsjeblieft.

Van de JS libraries vind ik dat persoonlijk de prettigste en cleanste. Welke heeft jouw voorkeur?

Als ik Chandler was zou ik iig een library gebruiken, en niet zelf het wiel opnieuw uitvinden.

dinsdag 20 januari 2009 @ 19:24:27 #188

SuperRembo

Sinds 1998

quote:
Op dinsdag 20 januari 2009 18:51 schreef Roy_T het volgende:

[..]

Van de JS libraries vind ik dat persoonlijk de prettigste en cleanste. Welke heeft jouw voorkeur?

Als ik Chandler was zou ik iig een library gebruiken, en niet zelf het wiel opnieuw uitvinden.

jQuery helpt normale javascript code om zeep en dringt enorm z'n eigen stijl op. Prototypejs heeft dat iets minder, maar daarmee kan je ook geen normale for(.. in ..) loopjes meer maken. Ik heb prototypejs + scriptaculous voor m'n toen/nu site gebruikt, maar voor de volgende versie ben ik wel op zoek naar een nieuwe library. Misschien wordt het YUI.

dinsdag 20 januari 2009 @ 19:56:43 #189

Roy_T

Ah, dat probleem heb ik helemaal niet met jQuery, maar als ik een library gebruik dan zorg ik ook dat ik 'm overal gebruik. Dus ook voor loops.

Maar iig Chandler: gebruik er eentje die je aanstaat

dinsdag 20 januari 2009 @ 20:17:46 #190

Chandler

Ik ben idd lekker duidelijk

maar dat weten de meeste al.

Ik wil gewoon variabelen uitspugen met mijn php scripting en kunnen gebruiken in javascripting.

daarvoor zou JSON idd erg handig zijn, maar moet ik dan gebruik maken van een externe library? wil liever gewoon de array van php naar js porten zonder al te veel extra scripting

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 20 januari 2009 @ 20:20:19 #191

#ANONIEM

quote:
Op dinsdag 20 januari 2009 20:17 schreef Chandler het volgende:
Ik ben idd lekker duidelijk maar dat weten de meeste al.

Ik wil gewoon variabelen uitspugen met mijn php scripting en kunnen gebruiken in javascripting.

daarvoor zou JSON idd erg handig zijn, maar moet ik dan gebruik maken van een externe library? wil liever gewoon de array van php naar js porten zonder al te veel extra scripting

Daar is juist een library voor: het minder zelf hoeven scripten.

[ Bericht 5% gewijzigd door #ANONIEM op 20-01-2009 20:46:51 ]

dinsdag 20 januari 2009 @ 20:35:22 #192

Roy_T

Wat Scorpie zegt. Het levert gewoon een JS object op, dus wanneer jij zelf een cross-browser xmlhttprequest routine wilt scripten om die string binnen te trekken en te parsen, dan moet je dat gewoon doen wanneer je denkt dat dat minder werk is

Ik zou jQuery echter downloaden en 1 regel besteden aan $.getJSON

dinsdag 20 januari 2009 @ 22:53:50 #193

SuperRembo

Sinds 1998

quote:
Op dinsdag 20 januari 2009 19:56 schreef Roy_T het volgende:
Ah, dat probleem heb ik helemaal niet met jQuery, maar als ik een library gebruik dan zorg ik ook dat ik 'm overal gebruik. Dus ook voor loops.

De loopjes met .each() vind juist ik de meest waardeloze feature van jQuery/prototypejs. Zeker met dat gepruts om er toch nog functionaliteit foor break of continue in te bouwen

woensdag 21 januari 2009 @ 00:11:30 #194

Roy_T

quote:
Op dinsdag 20 januari 2009 22:53 schreef SuperRembo het volgende:

De loopjes met .each() vind juist ik de meest waardeloze feature van jQuery/prototypejs. Zeker met dat gepruts om er toch nog functionaliteit foor break of continue in te bouwen

Ik ben het met je eens dat het wel bij je moet passen, en dat het alleen werkt als je je manier van proggen erop aanpast. Whatever floats your boat

woensdag 21 januari 2009 @ 10:24:11 #195

Chandler

Aangezien ik op de server voor het project nog geen PHP 5.2+ heb, moet ik een externe functie hebben zoals deze :P

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

<?php
####
# Function: _jsonEncode
# Purpose: To encode a variable into json format
# Arguments: $encodeMe: the variable to convert into JSON format
#            $encodeAs : the name of the variable to save $var1 as.
#                        REQUIRED if $encodeMe is not an array
# Usage:
#   echo _jsonEncode('test','var1');// outputs: {"var1":test"}
#   echo _jsonEncode(TRUE,'var1');  // outputs: {"var1":1}
#   echo _jsonEncode(123,'var1');   // outputs: {"var1":123}
#   echo _jsonEncode(array('orange'=>1,'blue'=>2,'green'=>3));  // outputs: {"orange":1,"blue":2,"green":3}
#
# Author: Dylan Anderson
# License: GPLv3
####
function _jsonEncode($encodeMe,$encodeAs=FALSE){
    $output = '{';

    if(is_array($encodeMe)){
        foreach($encodeMe as $key=>$value){
            $output .= '"'.$key.'":';

            if(is_array($value)){
                $function = __FUNCTION__;
                $output .= $function($value);
            }

            else if(is_numeric($value))
                $output .= $value;

            else
                $output .= '"'.str_replace('"','\"',$value).'"';

            $output .= ',';
        }
        $output = rtrim($output,',').'}';
    }
    else if(strlen($encodeAs)){
        if(is_numeric($encodeMe))
            $output .= '"'.$encodeAs.'":'.$encodeMe.'}';
        else if(is_bool($encodeMe)){
            $encode_value = ($encodeMe) ? 1 : 0;
            $output .= '"'.$encodeAs.'":'.$encode_value.'}';
        }
        else if(is_string($encodeMe))
            $output .= '"'.$encodeAs.'":'.str_replace('"','\"',$encodeMe).'"}';
    }
    else
        $output = FALSE;

    return($output);
}
?>

maar is er ook los stukje scripting te vinden voor javascript die json kan omzetten naar een array?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 21 januari 2009 @ 11:27:03 #196

SuperRembo

Sinds 1998

--> json.org

woensdag 21 januari 2009 @ 11:39:34 #197

#ANONIEM

http://www.json.org/js.html

woensdag 21 januari 2009 @ 13:11:27 #198

Roy_T

quote:
Op woensdag 21 januari 2009 10:24 schreef Chandler het volgende:

maar is er ook los stukje scripting te vinden voor javascript die json kan omzetten naar een array?

Als je een PHP array goed encode naar JSON, dan is dat al een JS array. {"elements":[1, 2, 3]} bevat gewoon wat in PHP $elements = array(1, 2, 3) zou zijn.

zondag 25 januari 2009 @ 07:57:50 #199

wc-eend

Ik heb een pagina met een javascript dat alleen print wat er aangevinkt is, nu zitten er bij het scriptje al 7 checkboxes, maar ik wil er meer.. De tabel kopieren gaat niet want dan verdwijnt alles.. en ik ben echt een dummy met JS..

Ik heb zelf al toegevoegd dat de checkboxes niet geprint worden, dat gaat ook goed.. Heb ik gedaan met class="DONTPrint" toe te voegen aan de <input type="checkbox"

Dus hoe voeg ik meer checkboxes toe met dezelfde functionaliteit als die er al stonden?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

<HEAD>

<style type="text/css">

</style>

<script type="text/javascript">

</script>
</HEAD>



<BODY>

<form>
  <p> </p>
  <p>Test kop</p>
  <p> </p>
  <p> </p>
  <p> </p>
  <table width="103" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="24" align="center"> </td>
      <td width="79" align="center"><strong>Name</strong></td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc'); class="DONTPrint""></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
  </table>
  <p> </p>
  <p> </p>
</form>

<p>test eind</p>

[ Bericht 44% gewijzigd door wc-eend op 25-01-2009 09:23:49 ]

zondag 25 januari 2009 @ 08:09:27 #200

Light

Kun je die code niet beter tussen [ code] en [ /code] zetten? Wordt'ie veel beter leesbaar van.

fokstok.nl

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

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

» digital corner

» development

» digital corner

» development