[Javascript] voor dummies (deel 9)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  woensdag 24 juni 2009 @ 14:27:55 #51
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_70324013
Inderdaad, en dat had ik als volgt gedaan, echter zonder succes:

1
2
3
4
5
6
7
8
9
10
11		   function validate (form) {
      
      var search = form.inputbox.value;
      if (t){
         clearTimeout(t);
      }
      if (search.length > 3){
         var t;
         t = setTimeout("alert();",1000); 
      }
  }
  woensdag 24 juni 2009 @ 17:27:50 #52
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_70330919
Nu echt veel op google gezocht ,maar nergens een passende oplossing gevonden!
  woensdag 24 juni 2009 @ 18:24:43 #53
85514 ralfie
!Yvan eht nioj
pi_70332441
declareer var t eens buiten je functie
  woensdag 24 juni 2009 @ 18:43:45 #54
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_70332928
Ralf, bedankt!
Daar zat de fout nog
  woensdag 24 juni 2009 @ 18:45:36 #55
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_70332980
Overigens lijkt firefox het niet te doen ?
pi_70349796
Nee, je code is idd alleen ie only "document.getElementById("id_van_de_inputbox").value" gebruiken.
  donderdag 25 juni 2009 @ 12:16:26 #57
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_70354547
Hmm, het volgende werkt nog niet:

1
2
3
4
5
6
7
8
9
10
11		var t;
     function validate (form) {
      //var search = form.q.value;
      var search = document.getElementById("q").value;
      if (t){
         clearTimeout(t);
      }
      if (search.length > 0){
         alert(search);
      }
   }


in firefox dan :)
pi_70355497
Post alles eens, javascript en het formulier er ook es bij, of een online link via pm
FF geeft namelijk een mooie duidelijke melding in de javascript console
  donderdag 25 juni 2009 @ 13:11:08 #59
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_70356418
Ik heb heb nu helemaal gestript, en in een apart html bestand gezet. Werkt nog niet in FF!

1
2
3
4
5
6
7
8
9
10
11
12		<script type="text/javascript">

var t;
function validate (form) {
   var search = document.getElementById('q').value;
   alert(search);
}
</script>

<form name="form" action="" method="get">
   <b>Zoeken: </b><input type="text" name="q" value="" onkeyup="validate(this.form)">
</form>


Of is het FF die blijft hangen op onkeyup...
pi_70356551
Waar is het id op je input-veld dan?
  donderdag 25 juni 2009 @ 13:15:53 #61
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_70356608
Poeeeee wat stom nouja, ook weer opgelost haha, dat doe ik in elk geval nooit meer
pi_70358341
lol
pi_70389984
Grmbl, ik hoop dat jullie even wat verse input kunnen geven, want ik heb me er blind op gestaard en snap niet waarom zoiets eenvoudigs niet werkt.

Here's the deal:

Een loopje:
1
2
3
4
5
6
7
8
9
10
11		for(var i = 1; i <= <?=$NUMBER_OF_PRODUCTS;?>; i++)
{
   if(i == keuze)
   {
      document.getElementById("_step_3_product_"+keuze).style.display = '';
   }
   else
   {
      document.getElementById("_step_3_product_"+keuze).style.display = 'none';
   }
}

Dit staat in een functie die dus de variabele keuze meegestuurd krijgt. Dit is afkomstig van een radiobutton via this.value.

Wat hij dus moet doen is alle elementen met ID "_step_3_product_i" die niet voldoen aan keuze onzichtbaar maken, en die gekozen is wel zichtbaar maken. Ik heb dit al eens eerder toegepast bij tabbladen + content, en daar werkt het prima.

Het vreemde is dat wat hij wél doet is het laatste element weergeven, dus in dit geval 4, want er zijn 4 producten.

Any ideas?
Michael Scott: If I were joking, you'd be laughing. Do you look like you're laughing?
Dwight K. Schrute: Impossible to say. I can't see myself.
pi_70390092
Je moet in je for de variabele i gebruiken in je getElementById.
pi_70390242
quote:
Op vrijdag 26 juni 2009 11:31 schreef HuHu het volgende:
Je moet in je for de variabele i gebruiken in je getElementById.
D'oh!

En daar kijk ik dan volledig overheen, thanks!
Michael Scott: If I were joking, you'd be laughing. Do you look like you're laughing?
Dwight K. Schrute: Impossible to say. I can't see myself.
pi_70614807
Ik ben al een tijdje bezig (met JSON). Maar het wil maar niet lukken. Ik heb het volgende (PHP en Javascript).

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		<?php
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Content-type: text/javascript");

include "../database/mysql-database-connect.php";

$select = "   SELECT * FROM tblCompany";
$result = mysql_query($select) or die (mysql_error());

while($request = mysql_fetch_array($result))
{
   $name = $name . ', "' . $request["Name"] . '"';
   $rate = $rate . ', "' . $request["Rate_1"] . '"';
   $percentage = $percentage . ', "' . number_format(($request["Rate_1"] * 100 / $request["Rate_2"]) - 100, 2, ",", ".") . '"';
}

$JavascriptStr = '{"name" : [' . substr($name, 2) . '], "rate" : [' . substr($rate, 2) . '], "percentage" : [' . substr($percentage, 2) . ']}';
 
include "../database/mysql-database-disconnect.php";

$JsonStr = json_encode($JavascriptStr);

echo $JsonStr;
?>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		function checkRates()
{
   createXMLHttpRequest();
   xmlHttp.open("GET", "php/new-rates.php", true);
   xmlHttp.onreadystatechange = function()
   {
      if(xmlHttp.readyState == 4)
      {
         var JsonStr = xmlHttp.responseText;
         var JavascriptStr = JSON.parse(JsonStr);
         document.write(JavascriptStr.name[0]);            
      }
   }
   xmlHttp.send(null);
   setTimeout("checkRates();", 5000);
}


Regel 11 van het tweede code stukje zou het toch moeten doen? Maar hij toont niets.
Aan dit bericht kunnen geen rechten worden ontleend.
pi_70617630
ALs je zegt alert(JsonStr);
JKrijg je dan wat?
zo ja, ga je verder kijken.
pi_70639847
Uiteraard heb ik dat al geprobeerd.

Ik krijg dan het volgende object met daarin verschillende arrays die ik in code-voorbeeld 1 heb opgebouwd:

1
2
3
4
5		{
"name" : ["AEX", "AEGON", "Ahold, Kon", "Air-France/KLM", "Akzo Nobel", "ArcelorMittal", "ASML Holding", "BAM Groep, kon", "Boskalis Westminster, kon", "Corio", "DSM, kon", "Fugro", "Heiniken", "ING groep", "KPN, kon", "Philips, kon", "Randstad", "Reed Elsevier", "Royal Dutch Shell", "SBM Offshore", "TNT", "Tom Tom", "Unibail-Rodamco", "Unilever Cert", "WereldHave", "Wolters Kluwer"],
"rate" : ["647.36", "145.63", "492.16", "79.82", "142.54", "312.93", "411.01", "581.65", "209.6", "679.52", "816.04", "293.05", "556.03", "86.53", "200.88", "252.07", "140.39", "1068.3", "530.5", "66.11", "315.68", "264.24", "91.61", "600.76", "350.92", "901.84"],
"percentage" : ["-1,36", "1,05", "0,15", "6,78", "1,24", "0,99", "0,50", "-1,25", "3,26", "-1,42", "-0,94", "2,34", "0,46", "2,77", "1,58", "0,67", "-2,50", "0,83", "-0,63", "3,02", "1,63", "3,50", "5,37", "0,31", "-1,29", "-0,86"]
}


Ik was er zelf al achter dat het probleem zich voordoet na de JSON.parse(). Het parsen doet hij nog goed, de data uit de array halen na en voor het parsen wil beide niet lukken. Iemand enig idee? Want als ik de array er "hard" erin zet dan kan hij wel de waardes uit de array halen.
Aan dit bericht kunnen geen rechten worden ontleend.
  FOK!-Schrikkelbaas dinsdag 7 juli 2009 @ 16:49:25 #69
1972 Swetsenegger
Egocentrische Narcist
pi_70745326
Korte vraag. Ik heb een formulier voor een poll. Maar niet elke poll heeft evenveel vragen. Dus ik heb een simpel javascript functie geschreven die extra input's toevoegt.

html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
      <table>
         <tr>
            <td>Vraag : </td><td><input type="text" name="question" id="question" size="75" /></td>
         </tr>
         <tr>
            <td>Antwoord 1 : </td><td><input type="text" name="answer[]" /></td>
         </tr>
         <tr>
            <td>Antwoord 2 : </td><td><input type="text" name="answer[]" /></td>
         </tr>
      </table>
      <table id="extra_answers"></table>
      <p style="text-align:right;" id="add_question">[<span onclick="add_question(3);">+</span>]</p>
      <p><input type="submit" name="submit" value="Maak poll aan" /></p>
   </form>


javascript
1
2
3
4		function add_questioni{
      document.getElementById('extra_answers').innerHTML += '<tr><td>Antwoord ' +i+' : </td><td><input type="text" name="answer[]" /></td></tr>';
      document.getElementById('add_question').innerHTML = '[<span onclick="add_question(' + (i+1) + ');">+</span>]'; 
}


2 problemen en 1 wens.

1 het werkt niet in IE7 en IE8 :?
2. zodra ik op het plusje klik zijn alle values die ik bij de eerder aangemaakt extra inputs heb ingevuld weg.

De wens is het plusje achter de laatste vraag ipv eronder. Maar als ik een nieuw vraag aanmaak, moet hij dus uit de een na laatste gedelete worden.

iemand een idee hoe ik vooral 2. kan oplossen? Of moet ik toch gaan dneken aan met ene foreach eerst alle values te gaan uitlezen en die vervolgens na het aanmaken van de nieuwe input weer terug te zetten?
 | FOK! Schrikkelbaasch
pi_70749959
Volgens mij ondersteunt IE geen InnerHTML in tables, DOM gebruiken dus!
—o—
  FOK!-Schrikkelbaas dinsdag 7 juli 2009 @ 19:17:12 #71
1972 Swetsenegger
Egocentrische Narcist
pi_70751115
quote:
Op dinsdag 7 juli 2009 18:49 schreef doppendoosch het volgende:
Volgens mij ondersteunt IE geen InnerHTML in tables, DOM gebruiken dus!
nodes dus....
Maar dan heb ik volgens mij nog steeds het probleem dat de ingevulde values verdwijnen als ik een nieuwe row toevoeg?
 | FOK! Schrikkelbaasch
pi_70751552
Euh dat weet ik niet. Is dat ook browser-afhankelijk of een algemeen probleem?

Maar als je met DOM modifications werkt, wordt het sowieso hele andere koek dus zou dat ook wel eens anders kunnen zijn....
—o—
  FOK!-Schrikkelbaas dinsdag 7 juli 2009 @ 20:03:28 #73
1972 Swetsenegger
Egocentrische Narcist
pi_70753357
quote:
Op dinsdag 7 juli 2009 19:27 schreef doppendoosch het volgende:
Euh dat weet ik niet. Is dat ook browser-afhankelijk of een algemeen probleem?

Maar als je met DOM modifications werkt, wordt het sowieso hele andere koek dus zou dat ook wel eens anders kunnen zijn....
Algemeen. Maar ik ga wel even in de DOM manier duiken
 | FOK! Schrikkelbaasch
pi_71030215
Hallo, hopelijk kunnen jullie met me meedenken.

Ik heb iets van een dynamische image map nodig.

De gebruiker moet dmv een klik op verschillende icoontjes, en het liefst ook verslepen van die icoontjes dingen aangeven op een map.
Die icoontjes kunnen meerdere keren voorkomen.

Het mogen ook verschillend gekleurde stippen zijn wat mij betreft.

nadeel, ik ga dit niet zelf kunnen schrijven in javascript dus ik hoop op een kant en klare applicatie.

Coordinaten opvragen op een img heb ik gevonden.

http://www.emanueleferona(...)tes-with-javascript/

Misschien dat ik dit ermee kan combineren, maar een kant en klaar script is nog steeds gewenst :p
http://www.devsource.com/(...)ows-with-JavaScript/

[ Bericht 17% gewijzigd door Darkomen op 16-07-2009 13:11:23 ]
pi_71072476
Niet meer nodig, ik heb zelf een functie geschreven in combindatie met de coordinaten opvragen.

Ik kan nu verschillende icoonen toevoegen op de image, opslaan in de db en weer verwijderen indien nodig
pi_71151192
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		function SendRequest(url) {
   if (url.length==0) { 
      ProcessError('Url niet ingevuld.');
      return;
   }

    var xmlHttp=null;
   try{
      xmlHttp=new XMLHttpRequest();    // Firefox, Opera 8.0+, Safar
   }
   catch (e){ // Internet Explorer
      try {
         xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch (e) {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
   }

   if(xmlHttp==null) {
      alert ("Browser does not support HTTP Request");
      return;
   } 

   xmlHttp.open("GET",url,true);
   xmlHttp.send(null);

   xmlHttp.onreadystatechange= function () { 
      if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
         alert(xmlHttp.responseText);
         return xmlHttp.responseText;
      } 
   }
} 

function bla (){
var url = 'something.php';
var id = SendRequest(url) ;
alert (id);
}


Een nieuw probleempje, via de bovenstaande codes krijg ik 'undefined' terug, maar 'alert(xmlHttp.responseText); geeft wel gewoon de id, in dit geval staat er in something.php alleen 1.
Ook als ik zeg 'return 1;' blijft hij 'undefined' geven

wat zie ik over het hoofd?
pi_71154178
quote:
Op maandag 20 juli 2009 @ 15:25 schreef Darkomen het volgende:

wat zie ik over het hoofd?
De debugger?
—o—
pi_71155381
1. SendRequest() returnt geen waarde
2. xmlHttp.onreadystatechange= function () { if (if (xmlHttp.readyState==4) {...} } wordt uitgevoerd op het moment dat de ajax request terugkeert. Dat kan enige tijd duren.
3. alert(id) wordt uitgevoerd direct na SendRequest(), dus voor dat er iets is teruggestuurd.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_71158661
Toch raar, als ik something.php alert('1'); laat uitspugen, en eval(xmlHttp.responseText); doe dan krijg ik gelijk een antwoord.

doppendoosch, hier komt geen fout bij.
Ik gebruik ff met webdeveloper->error console
pi_71159553
"gelijk" kan toch een paar milliseconden duren. Zat tijd dus om die alert(id) uit te voeren.
En op jouw testsysteem kan het wel snel gaan, maar die garantie heb je niet als het echt op het web draait.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_71160198
Daar heb je een goede, eens anders gaan oplossen dan.
pi_71394996
Ik zit met een vraagje, voor een klein projectje wil ik een tekst vanuit een tekstarea lezen en in een span zetten, daarna wil ik deze tekst herschrijven met sifr. Dit alles is gelukt, echter lukt het mij niet om de tekst te positioneren oftewel links, midden, rechts.. heeft iemand een idee wat ik fout doe?

voorbeeld:
http://www.bruggema.nl/voorbeeld
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71395444
Raar, jouw code lijkt me prima.

Neem aan dat het wel zonder sfir werkt?
Getest, werkt idd.

Ik heb het idee dat het met de sIFR.useStyleCheck = true te maken heeft.
pi_71395985
geen idee, maar daarvoor werkte het helaas ook niet. En als ik in de CSS zelf een text-align: center zet is de tekst in het beginne gecentreerd maar daarna niet meer, ongeacht welke keuze ik maak!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71396298
Als je die span nu eens niet via javascript opbouwt maar alleen de inhoud en de css aanpast

textAlign ipv text-align gebruiken.
pi_71396605
had ik ook geprobeerd in de eerste opzet, maar dat werkte helaas niet. grrr
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71397218
Iets wat ik gebruik bij het deven is het element een 1px border mee geven.
Misschien dat sfir de span verkleint naar de lengte van de text of zo.

Als dat het niet is heb ik echt geen idee
pi_71397439
quote:
Op dinsdag 28 juli 2009 14:11 schreef Chandler het volgende:
Ik zit met een vraagje, voor een klein projectje wil ik een tekst vanuit een tekstarea lezen en in een span zetten, daarna wil ik deze tekst herschrijven met sifr. Dit alles is gelukt, echter lukt het mij niet om de tekst te positioneren oftewel links, midden, rechts.. heeft iemand een idee wat ik fout doe?

voorbeeld:
http://www.bruggema.nl/voorbeeld
In je sIFR selector moet je hem ook nog centreren:

1 selector: '#home', css: ['.sIFR-root { text-align:center; font-size:24px; color:#00aeef; }']


Zo bijvoorbeeld.
pi_71397540
tvp.
pi_71397553
Klinkt logisch
pi_71399018
Idd, ik had al zo iets verwacht maar hoe kan ik die selector on the fly veranderen middels javascript?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71404278
op de zelfde manier als je je font type lijkt me?
pi_71417811
Dat is dus het probleem dat snap ik niet

Want het gebruikt json (ofzo) en weet dus niet hoe ik aan de 'var' de selector kan toevoegen
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71417987
quote:
Op woensdag 29 juli 2009 07:31 schreef Chandler het volgende:
Dat is dus het probleem dat snap ik niet

Want het gebruikt json (ofzo) en weet dus niet hoe ik aan de 'var' de selector kan toevoegen
Dit:
1sIFR.replace(test, { selector: 'span' } );

Wordt:
1sIFR.replace(test, { selector: 'span', css: ['.sIFR-root { text-align:center; }'] } );
  woensdag 29 juli 2009 @ 14:54:14 #95
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_71429260
Ok dit snap ik echt niet :?

1<a href="#" onmouseover="alert('this is in a \'a\'');">MOUSE OVER ME (a)!</a>


Als ik er met mijn muis overheen ga, dan krijg ik 2 x de alert te zien :? , heb dit in chrome en firefox getest.
pi_71429995
quote:
Op woensdag 29 juli 2009 08:04 schreef HuHu het volgende:
Dit:
[ code verwijderd ]

Wordt:
[ code verwijderd ]
Ok, maar nu wil ik dus de positionering 'variabel' hebben en deze on the fly kunnen aanpassen? ik heb het volgende al geprobeerd maar dat werkte helaas niet.

1        sIFR.replace(test, { css: ['.sIFR-root { text-align: ' + textPosition + '; } });
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 30 juli 2009 @ 12:23:10 #97
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_71455002
schopje voor Chandler & mij!
pi_71455577
Likkende_Lassie , ik heb zowel in firefox(3.0.11) als chrome het probleem niet.
pi_71456267
quote:
Op donderdag 30 juli 2009 12:23 schreef Likkende_Lassie het volgende:
schopje voor Chandler & mij!
wat liev
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 30 juli 2009 @ 13:11:51 #100
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_71456321
quote:
Op donderdag 30 juli 2009 12:43 schreef Darkomen het volgende:
Likkende_Lassie , ik heb zowel in firefox(3.0.11) als chrome het probleem niet.
Gek! Ik hier wel, ook op andere pagina's zoals http://www.javascriptcity.com/scripts/alerts/salert1.htm
Ik draai wel windows 7, maar dat zou toch niet mogen uitmaken zou je denken...
Alhoewel firefox het nu wel weer goed doet... ik snap hier echt niets van...

[ Bericht 6% gewijzigd door Likkende_Lassie op 30-07-2009 13:17:17 ]
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 9)
Index

» digital corner

» development

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