[Javascript] voor dummies (deel 9)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_72110909
setTimeout(deFunctie(),3000); //functie uitvoeren om de 3 seconden
pi_72112831
quote:
Op maandag 24 augustus 2009 14:04 schreef Darkomen het volgende:
setTimeout(deFunctie(),3000); //functie uitvoeren om de 3 seconden
Hmm ok.. dan ga ik weer eens nadenken over hoe ik een functie kan maken waarbij ook onthouden wordt wat er nog in het oude array zit en wat er al in het nieuwe array zit.
ウプピエ 八十三 << u-pu-pi-e hachi-ju-san, ik denk ik zeg het er maar ff bij :P
pi_72113260
de array doorgeven
Of in een cookie proppen
Alleen gaat dat een enorme array worden
pi_72522748
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		function callTotal(){
   var p = document.getElementsByName("prijs[]");
   var a = document.getElementsByName("aantal[]");
   var total = 0;
   for (var i=0;i<p.length;i++) {
   
      if(p[i].value){
         if(p[i].value!='.'){      
            if(a[i].value){
            var bedrag = (p[i].value*a[i].value)*100;
            total = total+bedrag;
               //total+x[i].value*100;
            }
            else{
               a[i].value=1;
               total = total+(p[i].value*100);//total+x[i].value*100;
            }
         }
      }
   }
   total = total/100;
   total = total.toFixed(2);

   document.getElementById('totaal').value = total;
   var excl = total - ((total/119)*19);
   document.getElementById('totaal_excl').value = excl.toFixed(2);
   var btw =  total-excl;
   document.getElementById('totaal_btw').value = btw.toFixed(2);
}



Ik heb het bovenstaande javascriptje, werkt perfect in FF en IE 8, maar de versies daarvoor niet.
Alles onder IE8 lijkt de dynamisch gegenereerde input boxen niet te kennen.

Wie weet de fix?


hieronder hoe de box word gegenereerd

1
2
3
4
5
6		var cellFour= row.insertCell(3);
   var el = document.createElement('input');
   el.type = 'text';
   el.name = 'prijs[]';
   el.onkeyup = function(event) {return numbersonly(this, event);}//
   cellFour.appendChild(el);


[ Bericht 13% gewijzigd door Darkomen op 07-09-2009 17:03:47 ]
pi_72542902
Ik heb 2 list boxen... 1 daarvan staat vol met een lijst gegevens de andere nog niet. De gebruiker gaat vervolgens diegene selecteren die hij wil bewerken en voegt ze in de andere listbox.

Daarvoor gebruik ik de onderstaande javascript code voor, wat prima werkt. Nu is 't alleen zo dat wanneer ik me form submit hij geen van de waardes die ik naar de andere listbox heb gebracht ophaalt... Hij dit doet alleen wanneer ik ze naar de andere listbox breng... en daarna voordat ik submit alle waardes in die 2de listbox selecteer...

Iemand hier een oplossing voor?

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		<script language="javascript" type="text/javascript">
function move(fbox, tbox) {
   var arrFbox = new Array();
   var arrTbox = new Array();
   var arrLookup = new Array();
   var i;

   for (i = 0; i < tbox.options.length; i++) {
      arrLookup[tbox.options[i].text] = tbox.options[i].value;
      arrTbox[i] = tbox.options[i].text;
   }

   var fLength = 0;
   var tLength = arrTbox.length;
   
   for(i = 0; i < fbox.options.length; i++) {
      arrLookup[fbox.options[i].text] = fbox.options[i].value;
      if (fbox.options[i].selected && fbox.options[i].value != "") {
         arrTbox[tLength] = fbox.options[i].text;
         tLength++;
      } else {
         arrFbox[fLength] = fbox.options[i].text;
         fLength++;
      }
   }

   arrFbox.sort();
   arrTbox.sort();
   fbox.length = 0;
   tbox.length = 0;

   for(i = 0; i < arrFbox.length; i++) {
      var no = new Option();
      no.value = arrLookup[arrFbox[i]];
      no.text = arrFbox[i];
      fbox[i] = no;
   }

   for(i = 0; i < arrTbox.length; i++) {
      var no = new Option();
      no.value = arrLookup[arrTbox[i]];
      no.text = arrTbox[i];
      tbox[i] = no;
    }
}
</script>


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		   <form name="frmNrmCancel" method="POST" action="test.asp">
      <dl>
         <dt>
            <label for ="">Norm:</label><br/>
            <small>Move the norms you want to edit to the other selectbox.</small>
         </dt>
         <dd>
            <select size="10" name="arrNrms" style="width:250px;" multiple="multiple">
<%    
   Do While Not objRs.EOF 
%>
               <option value="<%= objRs.Fields("ID").Value %>"><%= objRs.Fields("Titel").Value %></option>
<%      
      objRs.MoveNext
   Loop 
%>
            </select>

            <select size="10" name="arrNrmsCancel" style="width:250px;" multiple="multiple">
            </select><br/><br/>
            <input type="button" onClick="move(this.form.arrNrms,this.form.arrNrmsCancel)" value=">>" style="width:250px" />
            <input type="button" onClick="move(this.form.arrNrmsCancel,this.form.arrNrms)" value="<<" style="width:250px" />
         </dd>
         <dt>
         </dt>
         <dd>
            <input type="submit" value="Submit" />
            <input type="hidden" value="True" name="bSubmit" />
         </dd>
      </dl>
   </form>
  donderdag 10 september 2009 @ 15:57:51 #131
137690 Pizzahut
Het Bora Bora Gebergte
pi_72614562
jQuery:
ik probeer een form validation te doen maar krijg het niet voor elkaar.

<input id="id" name="naam" />
<input id="id" name="password" />

ik wil in jquery die validatie doen, tevens zit er een checkbox en 2 radio inputs in.
Disturbed Mind
Het leven: Soms ben je de duif, soms het standbeeld.
pi_72618668
quote:
Op donderdag 10 september 2009 15:57 schreef Pizzahut het volgende:
jQuery:
ik probeer een form validation te doen maar krijg het niet voor elkaar.

<input id="id" name="naam" />
<input id="id" name="password" />

ik wil in jquery die validatie doen, tevens zit er een checkbox en 2 radio inputs in.
Een id moet uniek zijn, en dat is'ie niet in die twee regels.

1
2		<input id="naam" name="naam" />
<input id="password" name="password" />
fokstok.nl
  donderdag 10 september 2009 @ 21:51:49 #133
137690 Pizzahut
Het Bora Bora Gebergte
pi_72626696
quote:
Op donderdag 10 september 2009 18:13 schreef Light het volgende:

[..]

Een id moet uniek zijn, en dat is'ie niet in die twee regels.
[ code verwijderd ]


Ja goed er kwam nog meer bij kijken, ik heb het nu dus in JavaScript zelf gemaakt.
Alleen hoe kan ik in Javascript (zonder framework) een id laten showen? Dus wat in jQuery: $('#id').show(); is
Disturbed Mind
Het leven: Soms ben je de duif, soms het standbeeld.
pi_72628833
quote:
Op donderdag 10 september 2009 21:51 schreef Pizzahut het volgende:

[..]

Ja goed er kwam nog meer bij kijken, ik heb het nu dus in JavaScript zelf gemaakt.
Alleen hoe kan ik in Javascript (zonder framework) een id laten showen? Dus wat in jQuery: $('#id').show(); is
Voor zover ik weet is $(e) vooral een verkorte schrijfwijze van document.getElementById(e). Wat show() precies doet, weet ik zo niet.
fokstok.nl
pi_72633940
show() doet iets als display = 'block' en visibility = 'visible'

1
2
3
4
5
6		jQuery:
$('#id').show();

Normaal:
document.getElementById('id').display = 'block';
document.getElementById('id').visibility = 'visible';
pi_72802239
Even ik weer... ik had dus een checkbox... deze toggle box staat in feite in iedere rij van een tabel...
d.m.v. de checkbox haal ik het tr element op... en wanneer de checkbox dan wordt geselecteerd dan wil ik dus ook dat de achtergrond van de rij veranderd dus... had ik dat gewoon toegevoegd zoals in de code is te zien.

Dit werkt in feite ook maar slechts voor een gedeelte... Namelijk voor de overzichtelijkheid van de tabel heb ik iedere rij een andere kleur gegeven class="even"...

Punt is dat de code dus wel werkt op de rijen waarop ik de class niet toegepast heb maar niet op diegene waar ik de class heb toegepast...

Ligt dit aan de code of aan me browser IE?

Ik zou natuurlijk de class atribuut kunnen verwijderen maar ik kan niet bijhouden of de rij "even" of "oneven" was wanneer ik dus bijvoorbeeld de checkbox uitzet en de overwrite kleur weg moet.

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		   function toggle(obj) { 
      var chkbx = document.getElementById(obj); 
      chkbx.checked = (chkbx.checked != true ? true : false);
 
      var row = chkbx.parentNode.parentNode
      row.bgColor = (chkbx.checked != true ? '' : '#ff7755');
   }

<table>
   <tr>
      <td>cell 1</td>
      <td>cell 2</td>
   </tr>
   <tr class="even">
      <td>cell 3</td>
      <td>cell 4</td>
   </tr>
   <tr>
      <td>cell 5</td>
      <td>cell 6</td>
   </tr>
   <tr class="even">
      <td>cell 7</td>
      <td>cell 8</td>
   </tr>
   <tr>
      <td>cell 9</td>
      <td>cell 10</td>
   </tr>
</table>
pi_72802710
is het niet row.style.
pi_72802851
quote:
Op woensdag 16 september 2009 14:32 schreef Darkomen het volgende:
is het niet row.style.
thanks row.style.backgroundcolor werkt wel ja
pi_72812744
Ik heb een stuk Javacode, maar ik wil het aanpassen. Probleem is echter dat ik van Javascript totaal geen kaas heb gegeten, waardoor mijn pogingen tot nu toe (op de makkelijkste na) allemaal mislukken.

Dit is de 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
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		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 

  <head> 

  <meta http-equiv="content-type" content="text/html; charset=windows-1250"> 
  <meta name="author" content="Barry de Rond"> 

  <title></title> 

  <script src="admin/sponsors.js" type="text/javascript"> </script>
  <script type="text/javascript">    

    // Sponsor 
    function Sponsor() {
      var _currentState = 0; 
      // Private member 
      var $ = function(id) { 
        return document.getElementById(id); 
      }; 

      // Private member 
      var toBinder = function(_title, _message, _address, _tel, _fax, _email, _url) {
        $("name").innerHTML = _title;
        $("img").innerHTML = _message; 
   $("address").innerHTML = _address;
   $("tel").innerHTML = "tel: " + _tel;
   $("fax").innerHTML = "fax: " + _fax;
   $("email").innerHTML = _email;
        $("url").innerHTML = _url;
      }; 

      // Private member 
      var getTotalItems = function() { 
        var _totalItems = 0; 
        for(var item in sponsors) { 
          _totalItems++; 
        } 
        return _totalItems; 
      }; 

      // Public member 
      this.init = function(seconds) { 
        var _item = "sponsor"; 
        var callBinder = function() { 
          toBinder(sponsors[_item + _currentState].name, 
        sponsors[_item + _currentState].img,
        sponsors[_item + _currentState].address,
        sponsors[_item + _currentState].tel,
         sponsors[_item + _currentState].fax,
        sponsors[_item + _currentState].email,
              sponsors[_item + _currentState].url);
        } 
        callBinder(); 
        //_currentState = 1;
        var timer = setInterval(function(){ 
          _currentState = Math.floor(Math.random()*getTotalItems());
          callBinder(); 
          //_currentState++;
        }, seconds + "000"); 
      } 
    } 

    // Not the nicest way to call the onload handler, but hey... 
    window.onload = function() { 

      // New instance of Sponsor 
      var sponsor = new Sponsor(); 

      // Initialize Sponsor 
      var seonds_to_switch = 3;
      sponsor.init(seonds_to_switch); 

    } 

  </script> 
  </head> 

  <body> 
    <div id="binder" width="190">
      <div id="name"></div> 
      <div id="img"></div> 
      <div id="address"></div>
      <div id="tel"></div>
      <div id="fax"></div>
      <div id="email"></div>
      <div id="url"></div>
    </div> 
  </body> 

</html>


Kortom er wordt om de 3 seconden (in dit geval) een random sponsor getoond uit een JSON object die staat in het bestand "admin/sponsors.js".

Wat ik echter niet voor elkaar krijg is om de allereerste ook random te laten worden,

var _currentState = Math.floor(Math.random()*getTotalItems()); daar waar _currentState geinitieerd wordt, werkt namelijk niet.

Verder probeerde ik het voor elkaar te krijgen dat wanneer bijvoorbeeld de variabele fax voor een sponsor niet beschreven staat, dat deze dan ook niet wordt getoond. Momenteel staat er namelijk undefined. Dit heb ik geprobeerd door in de toBinder functie voor elke variabele een if-statement te maken om te kijken of de variabele niet toevallig leeg was. Het resultaat was dat ik niets meer te zien kreeg.

Het is ook nog mijn bedoeling om elke 'ronde' bij te houden welke sponsors al geweest zijn, zodat ik niet per toeval sponsor 3 krijg, daarna sponsor 8 en vervolgens weer sponsor 3. Ze moeten allemaal even vaak aan bod komen. Hoe ik dat in deze code voor elkaar ga krijgen... geen idee. Iets met _currentState opslaan en checken of die al geweest is... maar om dat in een loop in te bakken ...
ウプピエ 八十三 &lt;&lt; u-pu-pi-e hachi-ju-san, ik denk ik zeg het er maar ff bij :P
pi_72834106
Iemand hier ervaring met dynamische Javascript Includes door middel van Javascript?

Ik wil graag hele directory`s af kunnen lopen, en elke javascript file includen, zonder server-side taal, dus met Javascript. Er zijn een hoop dingen mogelijk, alleen het doorlopen van directory`s zit daar standaard niet bij. Iemand die misschien iets weet hierover?
pi_72834751
Dat gaat niet met javascript, hooguit met ajax een directory listing opvragen en bekijken.
maar dat lijkt me niet werkzaam.
  vrijdag 25 september 2009 @ 09:47:01 #142
137690 Pizzahut
Het Bora Bora Gebergte
pi_73092608
Hoi,

Ik ben momenteel bezig met een website voor de iPhone. Nu wil ik dat effect, dat het scherm naar links schuift en er een scherm van rechts komt, in jQuery gaan maken.
Momenteel heb ik dit:

1
2
3
4
5
6
7
8
9
10		<?php
<script language="javascript>
$(document).ready(function() {
$("#left").click(function(){
      $(".block").animate({"left": "-50px"}, "slow");
      $(".block2").animate({"right": "-50px"}, "slow");
    });
})
</script>
?>

Alleen deze code werkt niet. heb ook al .hide() achtergezet maar werkt ook niet.
Uiteraard heb ik de jQuery ingevoegd.
Disturbed Mind
Het leven: Soms ben je de duif, soms het standbeeld.
pi_73172130
Tja met syntax highlighting erbij zie je het probleem eigenlijk direct...
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.


[ Bericht 54% gewijzigd door SuperRembo op 28-09-2009 09:30:50 ]
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 28 september 2009 @ 08:43:00 #144
131734 klapvee
JSFreak (Javascript, JS100)
pi_73172278
quote:
Op vrijdag 25 september 2009 09:47 schreef Pizzahut het volgende:
Hoi,

Ik ben momenteel bezig met een website voor de iPhone. Nu wil ik dat effect, dat het scherm naar links schuift en er een scherm van rechts komt, in jQuery gaan maken.
Momenteel heb ik dit:
[ code verwijderd ]

Alleen deze code werkt niet. heb ook al .hide() achtergezet maar werkt ook niet.
Uiteraard heb ik de jQuery ingevoegd.
klinkt bijna alsof je je elementen verkeerd aanspreekt... hoe ziet je html eruit?
Geen zinloze statements!
pi_73179252
1
2
3
4
5
6
7
8
9
10
11
12		function Test() {
   this.testwaarde = "test";
   this.init();
}
      
$.extend(Test.prototype, {
   init: function() {
      $.each(objectofarray, function() {
         alert(this.testwaarde);
      }
   }
}


Probeer mezelf een beetje OO js aan te leren (met jQuery), maar als ik deze code aanroep krijg ik een alert "undefined". Snap dat dit waarschijnlijk aan de scope van het this object ligt, maar hoe kan ik dit wel voor elkaar krijgen?

Edit:

Het this object in de each loop verwijst natuurlijk naar de waarde waarbij de each loop nu is.. maar hoe los ik dit op?

[ Bericht 2% gewijzigd door woopehh op 28-09-2009 14:44:16 ]
pi_73181121
quote:
Op maandag 28 september 2009 14:04 schreef woopehh het volgende:

[ code verwijderd ]

Probeer mezelf een beetje OO js aan te leren (met jQuery), maar als ik deze code aanroep krijg ik een alert "undefined". Snap dat dit waarschijnlijk aan de scope van het this object ligt, maar hoe kan ik dit wel voor elkaar krijgen?

Edit:

Het this object in de each loop verwijst natuurlijk naar de waarde waarbij de each loop nu is.. maar hoe los ik dit op?
Download firebug & firefox, en ga eens wat statements loggen
  maandag 28 september 2009 @ 15:40:27 #147
131734 klapvee
JSFreak (Javascript, JS100)
pi_73181603
quote:
Op maandag 28 september 2009 14:04 schreef woopehh het volgende:

[ code verwijderd ]

Probeer mezelf een beetje OO js aan te leren (met jQuery), maar als ik deze code aanroep krijg ik een alert "undefined". Snap dat dit waarschijnlijk aan de scope van het this object ligt, maar hoe kan ik dit wel voor elkaar krijgen?

Edit:

Het this object in de each loop verwijst natuurlijk naar de waarde waarbij de each loop nu is.. maar hoe los ik dit op?
omdat het bij jQuery $(this) is volgens mij... maar als je voor de OO gaat, laat Jquery dan rusten en pak gewoon JS op ;-)
Geen zinloze statements!
  maandag 28 september 2009 @ 22:51:21 #148
137690 Pizzahut
Het Bora Bora Gebergte
pi_73197151
quote:
Op maandag 28 september 2009 08:43 schreef klapvee het volgende:

[..]

klinkt bijna alsof je je elementen verkeerd aanspreekt... hoe ziet je html eruit?
1
2		<a href="#" id="left">Klik</a>
<div class="blok"></div>


die blok 2 moet je even wegdenken.
Disturbed Mind
Het leven: Soms ben je de duif, soms het standbeeld.
  maandag 28 september 2009 @ 23:00:22 #149
131734 klapvee
JSFreak (Javascript, JS100)
pi_73197522
quote:
Op maandag 28 september 2009 22:51 schreef Pizzahut het volgende:

[..]
[ code verwijderd ]

die blok 2 moet je even wegdenken.
in je html staat blok met alleen "k" in je jquery script staat het met block "ck" ;-)
Geen zinloze statements!
  dinsdag 29 september 2009 @ 10:51:50 #150
37634 wobbel
Da WoBBeL King
pi_73204520
Waarom submit deze niet automatisch?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hoi</title>
</head>

<body>

<form method="post" action="http://www.lala.nl" id="tieten" name="tieten">
<input type="hidden" name="aaa" value="bbbb" />


<input type="submit" name="submit" value="Gaan met die banaan" />
</form>

<script language="JavaScript" type="text/javascript">
document.tieten.submit()
</script>

</body>

</html>


Krijg steeds document.tieten.submit is not a function
Hosted VoIP SIP trunks Vast mobiel VoIP
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')