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