[Javascript] voor dummies (deel 8)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_62903910
Je wil een json string parsen in javascript. (Het doet er niet toe dat die string door php is gegenereerd) Daar staan een paar voorbeelden van op de site.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_62905573
Hmm, naja google hielp mij iig wel..

ik heb eval("var json = " + str); geprobeerd en dat werkte!!!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_62905941
Dat werkt wel, maar eval() heeft wel een risico dat er code uitgevoerd kan worden als iemand er in slaagt om de json string aan te passen.
http://www.json.org/json2.js heeft dat risico niet.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_62907114
Het wordt gebruikt na login, en alleen maar om bepaalde zaken in velden te zetten. Ik zal het script eens doornemen.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_62915758
quote:
Op maandag 3 november 2008 @ 13:15 schreef SuperRembo het volgende:
Dat werkt wel, maar eval() heeft wel een risico dat er code uitgevoerd kan worden als iemand er in slaagt om de json string aan te passen.
http://www.json.org/json2.js heeft dat risico niet.
Iedere malloot kan met greasemonkey je javascriptjes aanpassen. Dus je gebruikt javascript sowieso niet voor dingen die enig risico met zich meebrengen.

Dan maakt het ook niet uit hoe je met strings om gaat.
pi_62917097
quote:
Op maandag 3 november 2008 19:34 schreef mcDavid het volgende:

[..]
Iedere malloot kan met greasemonkey je javascriptjes aanpassen. Dus je gebruikt javascript sowieso niet voor dingen die enig risico met zich meebrengen.

Dan maakt het ook niet uit hoe je met strings om gaat.
Cross-site scripting enzo... Het probleem is niet dat ik scriptjes op mijn pc kan aanpassen zodat er dingen anders werken dan de websitebouwen bedoeld heeft. Wat wel een probleem is is dat de ene persoon de scripting bij een ander kan aanpassen. Okay, 't risico is waarschijnlijk niet vreselijk groot...

Als je 't dan met eva wil doen, 't kan iets netter:
1var data = eval('(' + jsonData + ')');
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  dinsdag 4 november 2008 @ 13:41:29 #57
134533 donroyco
dus niet Donroyco
pi_62934241
Ik zoek een werkend Javascript waarmee je afbeeldingen kunt laten roteren met een fade-in en fade-out. Heb al gezocht, maar de meeste scripts via Google werken niet met fade-ins en fade-outs, of de sites zijn niet bereikbaar.. Alvast bedankt
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_62936038
quote:
Op dinsdag 4 november 2008 13:41 schreef donroyco het volgende:
Ik zoek een werkend Javascript waarmee je afbeeldingen kunt laten roteren met een fade-in en fade-out. Heb al gezocht, maar de meeste scripts via Google werken niet met fade-ins en fade-outs, of de sites zijn niet bereikbaar.. Alvast bedankt
Hier dan?
  dinsdag 4 november 2008 @ 14:55:00 #59
134533 donroyco
dus niet Donroyco
pi_62936056
quote:
Op dinsdag 4 november 2008 14:54 schreef killko het volgende:

[..]

Hier dan?
Thanks, daar kan ik zeker wat mee
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_62961935
Idd veldmuis, heerlijke opties
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_62964004
Weet iemand trouwens hoe ik in JS het volgende kan doen

ALS iets < 4 OF iets > 16 dan...

want OR blijkt niet te werken

-edit-

Ik moet || gebruiken

[ Bericht 22% gewijzigd door Chandler op 05-11-2008 11:22:54 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_63012371
Hoi,

ik wil graag onderling afhankelijke dropdowmenu' s maken.
PHP levert een array met opties. Gelijk het aantal keys/opties wordt een overeenkomstig aantal dropdownmenu's weergegeven.

Ik wil het gebruiken voor een planningsmodule voor een band. Liedjes in volgorde zetten voor een setlijst.
Stel ik heb 10 liedjes. 10 arraykeys met value
PHP/javascript drukt een tabel af met nummers 1 tot en met 10.
Achter ieder nummer komt een dropdown met liedjes.
Selecteer ik bij nummer 1 een liedje, dan dient deze te verdwijnen uit de overige 9 dropdownmenu's. etc.

Ik wil graag weten of deze constructie ergens als codevoorbeeld te vinden is. (Zo ja, waar...?)
Ook zou ik graag willen weten hoe men deze functie noemt. Dan kan ik beter zoeken op het internet. Nu kan ik niets vinden.
Als ik codevoorbeelden heb kom ik er denk ik wel uit. Echt moeilijk is het niet volgens mij. Ik heb echter veel te weinig kaas van javascript gegeten om dit van 0 af op te bouwen.

Iemand aanwijzingen?
pi_63014044
Lijkt me een leuk scriptje om met javascript te beginnen!
op www.w3schools.com vind je een hele hoop tutorials, staat vast wel wat nuttigs tussen!

Ik zou denk ik 2 arrays maken. 1 array voorgedefineerd met alle mogelijke opties.
Array 2 laat je aanmaken in een functie die je aanroept met onchange, en bestaat uit de values van alle selectboxes.

vervolgens vergelijk je de array en geef je de selectboxes die nog geen waarde hebben, de options mee die niet in array 2 voorkomen

Het makkelijkste is denk ik getElementsByTagName('select') als 2e array gebruiken...
pi_63016909
:Is het niet handiger om met 2 lijsten te werken: 1 lijst met beschikbare liedjes, 1 lijst met de selectie. 2 knopjes voor toevoegn en verwijderen, 2 knopjes om te sorteren. Zoals het aanpassen van de toolbar in Explorer bijvoorbeeld werkt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_63069337
Vraagje,

stel ik wil een divje (400x400) centreren in mijn browser, echter ook als ik naar beneden scroll wil ik dat het divje in het midden van het scherm blijft. Hoe moet ik dit oplossen? ik weet hoe ik een div moet centreren met javascript maar niet als er gescrolled is ?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_63069712
Nooit te beroerd om mijn eigen vraag te beanwtoorden ;)
Ik heb het probleem ander sopgelost, heel anders. Ik wilde een array sorteren. Mijn constructie kon wel, maar was niet echt doodsimpel.
Een listbox met een up/down button wel.
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		<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="content-type">
  <title></title>
<script language="JavaScript" src="http://www.mattkruse.com/javascript/selectbox/compact/selectbox.js"></script>
<script type="text/javascript">
function selectAll(selectBox,selectAll) {
   // have we been passed an ID
   if (typeof selectBox == "string") {
      selectBox = document.getElementById(selectBox);
   }
   // is the select box a multiple select box?
   if (selectBox.type == "select-multiple") {
      for (var i = 0; i < selectBox.options.length; i++) {
         selectBox.options[i].selected = selectAll;
      }
   }
}

var el = function (id) { return document.getElementById(id); }

function go(my)
 {
  var ind = el('select').selectedIndex;
  var L = el('select').options.length;
  el('select').selectedIndex = (my.value=="up" && ind > 0)? ind -1 my.value=="down" && ind < L-1)? ind +1 : (my.value=="to top")? 0 : (my.value=="to bottom")? L-1 : ind;
  var txt = el('select')[el('select').selectedIndex].innerHTML;
  el('select')[el('select').selectedIndex].innerHTML = el('select')[ind].innerHTML;
  el('select')[ind].innerHTML = txt;
 }
</script>
</head>
<body>
<?php
if(isset($_POST))
 {
   print_r($_POST);
 }
?>
<form action="test.php" method="POST">
   <SELECT NAME="updownlist[]" id="updownlist"  SIZE="12" MULTIPLE>
      <OPTION VALUE="Option 1"> Option 1
      <OPTION VALUE="Option 2"> Option 2
      <OPTION VALUE="Option 3"> Option 3
      <OPTION VALUE="Option 4"> Option 4
      <OPTION VALUE="Option 5"> Option 5
      <OPTION VALUE="Option 6"> Option 6
      <OPTION VALUE="Option 7"> Option 7
      <OPTION VALUE="Option 8"> Option 8
      <OPTION VALUE="Option 9"> Option 9
      <OPTION VALUE="Option 10"> Option 10
      <OPTION VALUE="Option 11"> Option 11
      <OPTION VALUE="Option 12"> Option 12
   </SELECT>
   <INPUT TYPE="button" VALUE=" Up " onClick="moveOptionUp(this.form['updownlist'])">
   <INPUT TYPE="button" VALUE="Down" onClick="moveOptionDown(this.form['updownlist'])">
        <br /><input type="submit" name="submit" value="submit" onclick="selectAll('updownlist',true)">
</form>

<br>
</body>
</html>
pi_63090372
quote:
Op zondag 9 november 2008 09:33 schreef Chandler het volgende:
Vraagje,

stel ik wil een divje (400x400) centreren in mijn browser, echter ook als ik naar beneden scroll wil ik dat het divje in het midden van het scherm blijft. Hoe moet ik dit oplossen? ik weet hoe ik een div moet centreren met javascript maar niet als er gescrolled is ?
Ik zou kiezen voor een css-oplossing, met position: fixed;
Maar 'k weet niet in hoeverre dat cross-browser werkt (IE6). Hoewel, je krijgt het geheel dan niet midden in het scherm, maar wel altijd op dezeflde plek in het scherm.
fokstok.nl
pi_63151518
Weet iemand trouwens een scriptje waarmee ik een div precies in het midden van het scherm kan zetten? had 1tje gevonden maar helaas deze werkt niet naar behoren en laat de div niet in het midden zien.

Ook is het mijzelf niet gelukt (moet gebruik maken van margin-left, top: etc)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_63154576
quote:
Op woensdag 12 november 2008 @ 10:04 schreef Chandler het volgende:
Weet iemand trouwens een scriptje waarmee ik een div precies in het midden van het scherm kan zetten? had 1tje gevonden maar helaas deze werkt niet naar behoren en laat de div niet in het midden zien.

Ook is het mijzelf niet gelukt (moet gebruik maken van margin-left, top: etc)
breedte is niet zo lastig lijkt me

hoogte:

1
2
3
4
5
6
7		var div = document.getElementById("blaat")
if (window.innerHeight) {var hoogte = window.innerHeight;} // voor firefox
else if (document.body.clientHeight){var hoogte = document.body.clientHeight;} // voor IE
div.height=200; // het is helaas noodzakelijk de hoogte in het DOM te defineren anders pakt'ie m niet
if (((hoogte-div.height)/2) > 0){hoogte=(hoogte-div.height)/2;}
else {hoogte = 0;} // anders verdwijnt je div als je schermhoogte lager dan de div is.
div.style.top=hoogte+"px";



Werkt iig in IE en Fx. Voor IE moet je wel html {height:100%} in je css zetten.
pi_63157662
Ok!, tnx!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_63219425
Hallo,

De volgende functie(hieronder) moet het mogelijk maken om door op een knop te klikken, tekst te wijzigen, kleur wijzen en een andere functie aan mn button geven. Dit werkt in FF maar niet in IE, daar wordt de btn.onclick gelijk weer uitgevoerd en krijg ik een memory fout. Je kan geen setAttribute gebruiken voor IE, dit leek mij de enige mogelijkheid.. wat doe ik fout?

AJAX requests worden pas later toegevoegd uiteraard, het gaat alleen ff om dit stukje 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
35
36
37
38
39
40
41
42		function setOff(id, btn)
{
   var spanElement = document.getElementById(id)
   var btn = document.getElementById(btn);
   spanElement.innerHTML = "Uitgeschakeld."
   //IE
   if(navigator.appName == "Microsoft Internet Explorer")
   {
      spanElement.style.color = "red";
      btn.value = "Inschakelen";
      btn.onclick = setOn('berichtverkeer', 'berichtbtn');

   }
   //Overige browsers
   else
   {
      spanElement.setAttribute("style","color:red;");
      btn.setAttribute('onclick',"setOn('berichtverkeer','berichtbtn')");
      btn.value = "Inschakelen";
   }
   
}

function setOn(object, btn)
{
   var spanElement = document.getElementById(object)
   var btn = document.getElementById(btn);
   
   if(navigator.appName == "Microsoft Internet Explorer")
   {
      spanElement.style.color = "green";
      btn.value = "Uitschakelen";
      btn.onclick = setOff('berichtverkeer', 'berichtbtn');
   }
   else
   {
      spanElement.setAttribute("style","color:green;");
      btn.setAttribute('onclick',"setOff('berichtverkeer','berichtbtn')");
      btn.value = "Uitschakelen";
   }
   spanElement.innerHTML = "Ingeschakeld."
}


1
2
3		Berichtverkeer is <span id="berichtverkeer" style="color:green;">Ingeschakeld.</span>
                  <br/>
                  <input type="button" id="berichtbtn" onclick="setOff('berichtverkeer', 'berichtbtn')" value="Uitschakelen">
pi_63220057
Die functies die je voor IE gebruikt zouden het gewoon in alle brouwsers moeten doen hoor.
En volgens mij moet je de functie die je op onclick wilt zetten quoten. Dus:

btn.onclick='setOn(\'berichtverkeer\', \'berichtbtn\')'
pi_63220241
quote:
Op vrijdag 14 november 2008 13:52 schreef mcDavid het volgende:
Die functies die je voor IE gebruikt zouden het gewoon in alle brouwsers moeten doen hoor.
En volgens mij moet je de functie die je op onclick wilt zetten quoten. Dus:

btn.onclick='setOn('berichtverkeer', 'berichtbtn')'
Door het te quoten werkt het helemaal niet meer.. maar ik vind het vreemd dat de onclick ook gelijk wordt uitegevoerd terwijl ik m alleen set.
pi_63220854
Werkt dit?
1object.onclick= function(){ setOn(whatever); }


bron
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')