[Javascript] voor dummies (deel 8)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_65080246
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
pi_65080619
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:
1document.getElementById('assortiment').innerHTML=theText;


[ Bericht 17% gewijzigd door mcDavid op 15-01-2009 18:49:40 ]
pi_65080696
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.
pi_65247937
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...
pi_65248880
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 ]
pi_65253863
He bah geen jQuery alsjeblieft.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65255346
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.
pi_65256487
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.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65257729
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
pi_65258438
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...
pi_65258552
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 ]
pi_65259175
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
pi_65265950
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
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65268849
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
pi_65274232
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...
pi_65276504
--> json.org
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_65280447
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.
pi_65377477
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		<!-- TWO STEPS TO INSTALL PRINT SELECTED FIELDS ONLY:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<style type="text/css">
<!--
@media print {
  .DONTPrint{ display:none }
  .DOCheck        { display:table}
}
-->
</style>

<script type="text/javascript">
<!--
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Thony den Braber :: http://www.orangespirits.nl */

function select_row(row, color) {
  if(row.parentNode.parentNode.style.backgroundColor != color) {
    row.parentNode.parentNode.style.backgroundColor = color;
    row.parentNode.parentNode.className = 'DOPrint'
  } else {
  row.parentNode.parentNode.style.backgroundColor = '';
  row.parentNode.parentNode.className = 'DONTprint'
  }
}

function mouseover(row, font_color, checkedcolor) {
  if(row.style.color != checkedcolor) {
    row.style.color = font_color;
  }
}

function mouseout(row, font_color, checkedcolor) {
  if(row.style.color != checkedcolor) {
    row.style.color = font_color;
  }
}
// -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<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 ]
pi_65377499
Kun je die code niet beter tussen [ code] en [ /code] zetten? Wordt'ie veel beter leesbaar van.
fokstok.nl
pi_65377671
quote:
Op zondag 25 januari 2009 08:09 schreef Light het volgende:
Kun je die code niet beter tussen [ code] en [ /code] zetten? Wordt'ie veel beter leesbaar van.
Veranderd, tag stond niet goed..
pi_65377796
Die spoiler om de code mag wel weg hoor, tenzij je denkt dat de code zo slecht is dat je er anderen mee afschrikt.
Overigens denk ik niet dat het een javascriptprobleem is; die paar regels javascript in de code zien er wel goed uit.
fokstok.nl
pi_65395466
Ik heb een gallery met een lightbox gemaakt... om direct naar een foto te kunnen linken plaats ik met javascript het nummer van desbetreffende foto achter de hash in de url. In firefox werkt dat, maar IE7 geeft een maffe foutmelding als je zo'n url opent! Iemand enig idee hoe dat komt?

gallery: http://hockeyfeesthoevelaken.nl/fotoboek.php
deeplink naar foto: http://hockeyfeesthoevelaken.nl/fotoboek.php?page=0#0 (deze geeft dus de foutmelding in IE7)

verantwoordelijke stukje script:

1
2
3
4
5
6
7
8		if (location.hash) //checken of hash bestaat
   {
   var x = location.hash.slice(1); //nummer eruit knippen
   if (document.getElementById("img" + x )){
      var y = document.getElementById("img" + x ).name; //bijbehorende fotonaam uit de DOM halen
      openPic(y,x); //lightbox openen met (fotonaam,fotonummer)
   }
}


//edit:
nog wat extra info:
- het bovenstaande script wordt wel gewoon geheel uitgevoerd, maar daarna geeft'ie de melding :
quote:
de website http://enz. kan niet worden geopend.
de bewerking is afgebroken


[ Bericht 4% gewijzigd door mcDavid op 25-01-2009 19:44:33 ]
pi_65395982
quote:
Op zondag 25 januari 2009 19:35 schreef mcDavid het volgende:
Ik heb een gallery met een lightbox gemaakt... om direct naar een foto te kunnen linken plaats ik met javascript het nummer van desbetreffende foto achter de hash in de url. In firefox werkt dat, maar IE7 geeft een maffe foutmelding als je zo'n url opent! Iemand enig idee hoe dat komt?

gallery: http://hockeyfeesthoevelaken.nl/fotoboek.php
deeplink naar foto: http://hockeyfeesthoevelaken.nl/fotoboek.php?page=0#0 (deze geeft dus de foutmelding in IE7)

verantwoordelijke stukje script:
[ code verwijderd ]

//edit:
nog wat extra info:
- het bovenstaande script wordt wel gewoon geheel uitgevoerd, maar daarna geeft'ie de melding :
[..]
Op Experts Exchange lees ik iets dat de JavaScript code eerder wordt uitgevoerd dan de pagina wordt gerendered en bepaalde dingen dus nog niet beschikbaar zijn voor IE. Een oplossing zou zijn je JavaScript code een paar milliseconden te laten wachten.

Zie: http://www.experts-exchan(...)ript/Q_23514976.html Alleen kan ik die pagina niet goed lezen, omdat je lid moet zijn enzo.
pi_65396660
Dat helpt inderdaad! Dankjewel!

-edit-
vervolgvraag:
als iemand weet waarom die 'volgende' knop niet verschijnt als hij de lightbox via de hash opent... mag diegene het zeggen
pi_65406647
Aan het onload event van het document hangen, is dat niet een stuk praktischer
pi_65418160
zo heb ik het nu idd. Zelfde effect maar dan zonder de halve seconde vertraging
  maandag 26 januari 2009 @ 14:21:20 #208
75592 GlowMouse
l'état, c'est moi
pi_65419287
quote:
Op zondag 25 januari 2009 19:49 schreef HuHu het volgende:

[..]

Zie: http://www.experts-exchan(...)ript/Q_23514976.html Alleen kan ik die pagina niet goed lezen, omdat je lid moet zijn enzo.
Zorgen dat Google in je referer staat en dan flink scrollen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14		<html>
<script type="text/javascript">
   document.cookie = "divBottom";
 
   function test()
   {
      window.location.hash = '#' + document.cookie;
   }
</script>
<body onload="test()">
   <div id="divTop" style="height:1000">Top</div>
   <div id="divBottom">Bottom</div>
</body>
</html>
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_65419320
quote:
Op maandag 26 januari 2009 14:21 schreef GlowMouse het volgende:

[..]

Zorgen dat Google in je referer staat en dan flink scrollen.
[ code verwijderd ]
Ik gebruik geen Firefox . Maar ik laad de pagina altijd in de Google Cache, dat werkt ook.
pi_65432797
Ik heb een div die na een tijd getoond word door een simpele select element by id dmv een onclick. En dan display:inline oid. Nu komt ie wel tevoorschijn, maar kan dit misschien iets smoother? Met een fade of met het lightbox resize dingetje?
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 8)
Index

» digital corner

» development

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