[Javascript] voor dummies (deel 9)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  donderdag 30 juli 2009 @ 13:12:25 #101
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_71456336
quote:
Op donderdag 30 juli 2009 13:09 schreef Chandler het volgende:

[..]

wat liev
pi_71461194
Maar nog steeds weet ik niet hoe ik die selector verander ik doe ws iet goed fout
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71461232
Wat is de waarde van die string, klopt die wel?
pi_71472601
dit is het stukje code dat vooraf gaat ;)

1
2
3
4
5
6
7
8
9		    function changeFont(position)
    {
        if (position != '')
        {
            textPosition = position;
        }


        o = '<span id="inputpreview" style="text-align:' + textPosition + '; display:block; width: 250px;">' + document.getElementById('inputtext').value + '</span>'


en zo wordt het aangeroepen

1
2
3		        <input type="button" value="< Links" onclick="changeFont('left');" />  
        <input type="button" value="> Midden <" onclick="changeFont('center');" />  
        <input type="button" value="Rechts >" onclick="changeFont('right');" /><br />


Dus je zou zeggen dat het zo goed moet zijn.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zaterdag 1 augustus 2009 @ 14:18:25 #105
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_71514581
Het is mij nog niet geheel duidelijk of je een FORM POST kan versturen naar een POPUP, dus dat je de POST in de popup ontvangt en hem daar afhandelt?
pi_71514667
quote:
Op zaterdag 1 augustus 2009 14:18 schreef Likkende_Lassie het volgende:
Het is mij nog niet geheel duidelijk of je een FORM POST kan versturen naar een POPUP, dus dat je de POST in de popup ontvangt en hem daar afhandelt?
1<form action="pagina.php" method="post" target=" ... ">
  zaterdag 1 augustus 2009 @ 14:38:17 #107
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_71514965
Thanks is me idd gelukt.
  dinsdag 4 augustus 2009 @ 10:50:15 #108
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_71587694
is het mogelijk om te zien op welk element je staat met je muis?
pi_71607045
heeft iemand enig idee hoe je die "popupjes" van plaatjes maakt die je tegenwoordig veel ziet op websites?,. bv hier op de site van tweakers als je op het plaatje drukt dat ie vergroot wordt weergegeven en dat het lijkt alsof ie de rest van de site disabled.
alvast bedankt
pi_71610415
Dat heet een lightbox.
fokstok.nl
pi_71621369
Mijn vorige probleem is opgelost, alleen nu komt de volgende.

1
2
3
4
5
6		        var codes = { selector: 'span',
                      css:      ['.sIFR-root { text-align: ' + textPosition + ',
                                               font-size: ' + textSize + '
                                             }
                                 ']
                    }


nu krijg ik een error dat een tekenreeks niet afgesloten is op regel 49 = 2e regel, dit heeft volgens mij te maken met textPosition maar helaas kan ik niet vinden waar de fout zit ziet iemand de fout?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71621736
Haal alle newlines er eens uit en zet alles op één regel.
pi_71624568
Helemaal!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71625448
javascript 101, zou jij toch wel moeten kennen
pi_71634055
quote:
Op dinsdag 4 augustus 2009 23:13 schreef Light het volgende:
Dat heet een lightbox.
thanks
pi_71641980
quote:
Op woensdag 5 augustus 2009 15:49 schreef Darkomen het volgende:
javascript 101, zou jij toch wel moeten kennen
Nee, url?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_71943591
Hoe kan ik met Javascript een 'tab' verrichten? Ik wil als het ware dat wanneer ik op mijn eerste textbox van mijn formulier de focus heb liggen, een 'tab' doen zodat de focus naar de volgende control (deze is dus niet altijd hetzelfde) op mijn formulier gaat.
  maandag 17 augustus 2009 @ 12:10:35 #118
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_71945831
Kan je met de tabindex doen
pi_71946772
quote:
Op maandag 17 augustus 2009 12:10 schreef Likkende_Lassie het volgende:
Kan je met de tabindex doen
Met tabindex stel je puur de volgorde in, als die al moet afwijken van de 'flow'. In mijn geval moet ik automatisch (dus wanneer bijvoorbeeld een event plaats vindt op een input) de focus kunnen instellen op de volgende input (wat of waar die ook mag zijn), dus als het ware een tab nabootsen.

Het is geen eenvoudige kwestie van puur de focus() d.m.v. getElementById() op een element gaan leggen, want het ID van het volgende element heb ik nooit daar die variabel is.

[ Bericht 2% gewijzigd door Tuvai.net op 17-08-2009 12:48:26 ]
pi_71947311
Ah, ik denk dat ik de oplossing heb. Ik zie dat ik gebruik kan maken van [Element].form en dat elke index van form een input voorstelt. Nog even testen of ik een werkend scriptje kan maken en dat kan gebruiken in alle browsers die ik geïnstalleerd heb.
pi_71947545
quote:
Op maandag 17 augustus 2009 12:59 schreef Tuvai.net het volgende:
Ah, ik denk dat ik de oplossing heb. Ik zie dat ik gebruik kan maken van [Element].form en dat elke index van form een input voorstelt. Nog even testen of ik een werkend scriptje kan maken en dat kan gebruiken in alle browsers die ik geïnstalleerd heb.
Op deze pagina staat ook iets werkends. Misschien heb je daar nog wat aan.
fokstok.nl
pi_71948504
quote:
Op maandag 17 augustus 2009 13:07 schreef Light het volgende:

[..]

Op deze pagina staat ook iets werkends. Misschien heb je daar nog wat aan.
Had ik al naar gekeken. Met custom tabindex werken is voor mij geen optie. :) Die volgorde of het aantal controls is altijd variabel. :)

Maar ik heb nu een werkende oplossing. Net getest in IE6, 7 en 8, Mozilla, Opera, Safari en Chrome. :)

Ik heb eerst een functie die aan de hand van een element controleert welke index deze in een formulier heeft:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		function GetElementIndex(Element)
{
    var index = -1, i = 0;
   
    while ( i < Element.form.length && index == -1 )
    {
      if (Element.form[i] == Element)
      {
         index = i;
      }
      else
      {
         i++;
      }
   }
    return index;
}


Vervolgens roep ik deze functie aan, die bij diverse events kan plaats vinden en de focus op het volgende element legt (als deze er is; als het betreffende element het laatste element is, komt de focus gewoon op dat element te liggen):

1
2
3
4
5
6
7
8
9
10
11
12
13		function ContinueFocus(Element)
{
   if( GetElementIndex(Element) < (Element.form.length - 1) )
   {
      Element.form[ ( GetElementIndex(Element) + 1) ].focus();
   }
   else
   {
      Element.focus();
   }
   
   return true;
}
pi_71951345
Nou, mijn focus probleem is nog maar net opgelost en ik heb alweer een nieuwtje.

Ik heb in HTML een list:
1
2
3
4
5
6		<ul>
<li><a href="#">een</a></li>
<li><a href="#">twee</a></li>
<li><a href="#">drie</a></li>
<li><a href="#">vier</a></li>
</ul>


Nou wil ik dat wanneer de focus() bijvoorbeeld op het derde item ligt, en je op het pijltje naar boven drukt op je toetsenbord, de focus() naar het tweede item gaat. Ik heb hiervoor mijn list als volgt uitgebreid:

1
2
3
4
5
6		<ul>
<li><a href="#" id="Anchor1" onkeydown="PressedKeyAnchor(1, event);">een</a></li>
<li><a href="#" id="Anchor2" onkeydown="PressedKeyAnchor(2, event);">twee</a></li>
<li><a href="#" id="Anchor3" onkeydown="PressedKeyAnchor(3, event);">drie</a></li>
<li><a href="#" id="Anchor4" onkeydown="PressedKeyAnchor(4, event);">vier</a></li>
</ul>


De PressedKeyAnchor() functie:
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		function PressedKeyAnchor(AnchorIndex, Event)
{
   var KeyNumber = Event.keyCode != null ? Event.keyCode : Event.which;
   
   switch(KeyNumber)
   {
      case 13: // Enter
         alert('U heeft gekozen voor linkje nummer ' + AnchorIndex);
         break;
      case 38: // Up
         if(document.getElementById('Anchor' + ( AnchorIndex - 1 )))
         {
            document.getElementById('Anchor' + ( AnchorIndex - 1 )).focus();
         }
         break;
      case 40: // Down
         if(document.getElementById('Anchor' + ( AnchorIndex + 1 )))
         {
            document.getElementById('Anchor' + ( AnchorIndex + 1 )).focus();
         }
         break;
   }
   
   return;
}


Resultaten:

Mozilla: perfect
Internet Explorer 6, 7 én 8: perfect
Safari: Doet helemaal NIKS
Opera: Doet het heel willekeurig wél en dan weer niet. Ik merk dat wanneer ik eerst op enter of spatie druk, en dan op één van de anchors in het lijstje klik, ik vervolgens met de pijltjes naar boven en naar onder kan focussen. Refresh ik de pagina, probeer ik het vervolgens opnieuw (zonder eerst enter of spatie te gebruiken) dan doet 'ie het weer niet.

Iemand een idee/verklaring voor dit gedrag?

EDIT: Opera werkt ook goed. Bleek dat ik ergens een <span> niet goed had afgesloten. Nu ik dat verholpen heb doet het script in Opera het ook goed.

Alleen Safari doet nog vervelend dus. Of ja, helemaal niks. Wat me opvalt is dat, wanneer ik de anchors middels CSS een andere background-color meegeef wanneer :focus / :active van toepassing is, wanneer ik op één van de anchors klik in Safari ik heel snel even de andere background-color zie en deze daarna meteen verdwijnt. Alsof ik niet mag focussen op de anchors in Safari.

[ Bericht 11% gewijzigd door Tuvai.net op 17-08-2009 15:36:39 ]
pi_71951526
Ik ben opzoek naar een script zoals lightbox maar dan om te gebruiken in de layout van de site zelf.

Dus niet een div popup maar gewoon als ik klik op een afbeelding dat er dan de volgende komt en eventueel de vorige (zoals een slideshow in lightbox)

Anyone?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_72110234
De bedoeling is dat ik met php mijn database uitlees. Dit geef ik vervolgens mee aan javascript in een (multi)array. Javascript moet dan elke X seconden van een random array (het is een multiarray) de waardes uitlezen en weergeven. Alle waardes moeten echter even vaak voorkomen. Hierdoor lijkt het mij noodzakelijk om de arrays met waardes die al geweest zijn uit het grote array te halen nadat ze zijn weergegeven en toe te voegen aan een nieuw multiarray. Nadat het oorspronkelijke multiarray leeg is wordt dan gewoon dezelfde functie opnieuw aangeroepen, maar dan met het nieuwe array als input.

Het probleem is nu echter dat ik nog maar weinig kaas heb gegeten van javascript. Gezien de tijd waarin ik dit stuk af moet hebben gaat me dat helaas ook niet meer lukken.

Met wat gescharrel over het internet ben ik tot het volgende gekomen:

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		<script type="text/javascript">
<!--
var sponsors = new Array();
<?php
$query = "SELECT logo, naam, url, tel FROM sponsors WHERE dm=1";
$result = mysql_query($query);
if($result)
{
    $count = 0;
    while ($result_level1 = mysql_fetch_array($result))
    {
        $count++;
        echo 'sponsors[' . $count . '] = "' . $result_level1['nodeId'] . '|' . $result_level1['parentNodeId'] . '|' . $result_level1['nodeName'] . '|' . $result_level1['nodeUrl'] . '";';
                echo "\n";
    }
}
else
{
    echo 'Error';
}
?>

displaySponsors(sponsors);

function displaySponsors(ar){

  var ranNum= Math.floor(Math.random()*ar.length);

}
//-->
</script>


Alleen nu moet ik time-based dingen gaan invoegen en weet ik echt niet meer waar ik het moet zoeken.
ウプピエ 八十三 &lt;&lt; u-pu-pi-e hachi-ju-san, ik denk ik zeg het er maar ff bij :P
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.
ウプピエ 八十三 &lt;&lt; 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
pi_73206320
je kan niet automatisch forms submitten.
  dinsdag 29 september 2009 @ 13:04:14 #152
131734 klapvee
JSFreak (Javascript, JS100)
pi_73207881
quote:
Op dinsdag 29 september 2009 10:51 schreef wobbel het volgende:
Waarom submit deze niet automatisch?
[ code verwijderd ]

Krijg steeds document.tieten.submit is not a function
probeer eens

document.forms['tieten'].submit();

deze methode gaat af op de form name property
Geen zinloze statements!
  dinsdag 29 september 2009 @ 13:05:56 #153
131734 klapvee
JSFreak (Javascript, JS100)
pi_73207928
quote:
Op dinsdag 29 september 2009 10:51 schreef wobbel het volgende:
Waarom submit deze niet automatisch?
[ code verwijderd ]

Krijg steeds document.tieten.submit is not a function
mooier is btw dat je je script tags in je <head> zet

gebruik dan
1
2
3
4
5
6		<script type="text/javascript">
window.onload = function() {
document.forms['tieten'].submit();

}
</script>
Geen zinloze statements!
  woensdag 30 september 2009 @ 11:42:03 #154
137690 Pizzahut
Het Bora Bora Gebergte
pi_73237053
quote:
Op maandag 28 september 2009 23:00 schreef klapvee het volgende:

[..]

in je html staat blok met alleen "k" in je jquery script staat het met block "ck" ;-)
Heb nu dit en werkt ook niet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20		<?php
<script src="jquery.js" language="javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#klik').click(function() {
        $('#blok').animate({"left":"-=50"});
    });
<img class="rde_img_smiley" src="http://i.fok.nl/s/devilish.gif" width="22" height="19" alt="" />;
</script>
<style type="text/css">
div#blok {
    width:50px;
    height:50px;
    background:#000000;
}
</style>
<a href="#" id="klik">Klik</a>
<div id="blok">
</div>
?>


Lijkt wel of die hele animate gewoon niet werkt...
Disturbed Mind
Het leven: Soms ben je de duif, soms het standbeeld.
pi_73239331
quote:
Op woensdag 30 september 2009 11:42 schreef Pizzahut het volgende:

[..]

Heb nu dit en werkt ook niet:
[ code verwijderd ]

Lijkt wel of die hele animate gewoon niet werkt...
Ik heb niet zo'n verstand van JQuery, maar moet dat hekje er wel voor in $('#blok') ?
Trotse poster van het 37000000ste bericht ^O^
  woensdag 30 september 2009 @ 15:39:48 #156
131734 klapvee
JSFreak (Javascript, JS100)
pi_73244728
quote:
Op woensdag 30 september 2009 12:58 schreef daReaper het volgende:

[..]

Ik heb niet zo'n verstand van JQuery, maar moet dat hekje er wel voor in $('#blok') ?
met een "#" geef je een ID aan dus die staat wel goed
Geen zinloze statements!
  woensdag 30 september 2009 @ 15:41:40 #157
131734 klapvee
JSFreak (Javascript, JS100)
pi_73244801
quote:
Op woensdag 30 september 2009 11:42 schreef Pizzahut het volgende:

[..]

Heb nu dit en werkt ook niet:
[ code verwijderd ]

Lijkt wel of die hele animate gewoon niet werkt...
volgens mij mag dit ook niet

1
2		        $('#blok').animate({"left":"-=50"});
    


dan bedoel ik -=50... volgens mij moet je de waarde aangeven waar het naar toe moet .. dus alleen -50
maar wat geeft firefox voor foutmelding bijv...?
Geen zinloze statements!
  woensdag 30 september 2009 @ 21:08:57 #158
137690 Pizzahut
Het Bora Bora Gebergte
pi_73256032
quote:
Op woensdag 30 september 2009 15:41 schreef klapvee het volgende:

[..]

volgens mij mag dit ook niet
[ code verwijderd ]

dan bedoel ik -=50... volgens mij moet je de waarde aangeven waar het naar toe moet .. dus alleen -50
maar wat geeft firefox voor foutmelding bijv...?
Geen foutmelding.

Dit heb ik regelrecht van docs.jquery.com:
1
2
3
4
5
6
7		    $("#right").click(function(){
      $(".block").animate({"left": "+=50px"}, "slow");
    });

    $("#left").click(function(){
      $(".block").animate({"left": "-=50px"}, "slow");
    });

http://docs.jquery.com/Effects/animate

met die -= en += geef je de richting aan ten opzichte van de left en right.
Disturbed Mind
Het leven: Soms ben je de duif, soms het standbeeld.
  vrijdag 2 oktober 2009 @ 12:06:45 #159
131734 klapvee
JSFreak (Javascript, JS100)
pi_73301432
sorry beetje late reactie pizzahut :-) maar zou je je volledige html eens willen posten .. inc styles e.d. ?
Geen zinloze statements!
pi_73399249
Hoi allenaal!
ik ben een dummie/hobbyist op het gebied van javascript en ik heb een vraagje

Ik vond op het web dit scriptje zodat je een <div> automatisch kan verversen zonder de hele pagina te verversen.
Toen ik hem had aanpast voor mijn eigen site werkte het uitstekend in Firefox, maar niet in IE.
nu heb ik dat wel vaker en dan kom ik er wel uit na een tijdje op google rondgeneusd te hebben.
Maar nu ben ik 3 dagen verder en ben geen stap verder.
Dus de vraag is: wat doe ik fout?

Het aangepaste script:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		<html>
<head>
<script data-src="http://code.jquery.com/jquery-latest.js" style="visibility:hidden;"></script>
<script>
 $(document).ready(function() {
     $("#responsecontainer").load("this_will_refresh.php?page=index2");
   var refreshId = setInterval(function() {
      $("#responsecontainer").load('this_will_refresh.php?page=index2');
   }, 9000);
;
</script>
</head>
<body>
<div id="responsecontainer">
</div>
</body>
</html>


Het orginele script wat wel in IE werkt:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18		<html>
<head>
<!-- For ease i'm just using a JQuery version hosted by JQuery- you can download any version and link to it locally -->
<script data-src="http://code.jquery.com/jquery-latest.js" style="visibility:hidden;"></script>
<script>
 $(document).ready(function() {
     $("#responsecontainer").load("response.php");
   var refreshId = setInterval(function() {
      $("#responsecontainer").load('response.php?randval='+ Math.random());
   }, 9000);
;
</script>
</head>
<body>
 
<div id="responsecontainer">
</div>
</body>
dit ga ik nog even aan de binnekant van mij ogen bekijken
pi_73399382
Komt puur door die randval. IE cached de ajax requests ook, waardoor er dus geen call naar de server plaatsvind omdat de url hetzelfde blijft en je waarschijnlijk (nog) geen no-cache headers in je php script eruit gooit.
pi_73399558
Ja ik heb wel "no-cache headers" gebruikt, in de pagina die ververst word en zelfs ook op de pagina waar dat script staat....

1
2
3		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Expires" CONTENT="-1">
<meta HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
dit ga ik nog even aan de binnekant van mij ogen bekijken
pi_73400338
Nee, php no-cache headers via de header() functie. bedoel ik. Volgens mij hebben die meta's geen zin als je AJAX calls gebruikt.

Waarom heb je sowieso meta tags in je file die herladen wordt? Je wilt toch alleen het kleine stukje html hebben dat in het divje moet komen te staan?
pi_73400512
Omdat de "php no-cache headers via de header() functie." nog niet kende.
En dit kende ik wel dus dacht van laat ik dat eens uitproberen.

Thnx, ik ga er over googlen, ik laat het weten als het gelukt is.

-UPDATE- YES het is eindelijk gelukt!

[ Bericht 15% gewijzigd door bassiedekloon op 05-10-2009 20:08:39 (-kleine update-) ]
dit ga ik nog even aan de binnekant van mij ogen bekijken
pi_73611692
Ik heb een probleem waar ik niks van snap, hoop dat jullie een idee hebben

Ik heb een selectbox met een aantal waardes en omschrijvingen erin. Met javascript pak ik de omschrijving van de geselecteerde waarde om deze ergens anders te laten zien. De selectbox is een weergave van een menustructuur, dus sommige teksten zijn ingesprongen om de hierarchie aan te geven. Het inspringen gebeurt met een harde spatie (& nbsp;) gevolgd door whitespace in mijn template.

Voordat ik de omschrijving gebruik wil ik dus eerst die spaties aan het begin eraf slopen. So far, so good.

Er blijft echter altijd 1 spatie staan, die ik niet te pakken krijg. Het is de eerste van de twee, dus ik vermoed dat het om de harde spatie gaat. Hoe kan ik deze wegkrijgen? Replacen met een regex /s werkt niet.
pi_73617013
Stukje voorbeeldcode misschien?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_73620637
Uh, tsja... ik weet niet of je daar nou veel wijzer van wordt

1
2
3		<option value='1'>
& nbsp; Omschrijving
</option>


Dit is 1 option uit mijn selectbox.
Deze lees ik uit mbv javascript, en dan heb ik dus de string "[spatie][spatie]Omschrijving".

Als ik uit deze de spaties wil replacen werkt dat maar gedeeltelijk. De eerste spatie (de & nbsp; waarscijnlijk) blijft staan.

Replacen doe ik met (onder andere):
1
2
3		str.replace(/\s/g, "");
str.replace(/ /g, "");
str.replace(" ", "");
pi_73621059
quote:
Op maandag 12 oktober 2009 19:29 schreef Xcalibur het volgende:
Uh, tsja... ik weet niet of je daar nou veel wijzer van wordt
[ code verwijderd ]

Dit is 1 option uit mijn selectbox.
Deze lees ik uit mbv javascript, en dan heb ik dus de string "[spatie][spatie]Omschrijving".

Als ik uit deze de spaties wil replacen werkt dat maar gedeeltelijk. De eerste spatie (de & nbsp; waarscijnlijk) blijft staan.

Replacen doe ik met (onder andere):
[ code verwijderd ]
In de weergave is & nbsp; wel een spatie, maar in de code natuurlijk niet. Dan staat er gewoon & nbsp;. En als je dat wilt vervangen, moet je dus ook zoeken op & nbsp; Zoeken op " " pakt alleen spaties (gemaakt door de spatiebalk, niet door andere vage codes) en zoeken op \s pakt whitespace, dat zijn spaties en tabs. & nbsp; is geen whitespace. Dat zijn zes tekens.
fokstok.nl
pi_73621903
In de string staat geen & nbsp; dat is een beetje het hele probleem

Als ik een IndexOf doe op het eerste karakter van het woord, zit die op positie 3.
Er zitten dus 2 tekens voor, waarvan één dus de gewone spatie is.
  woensdag 14 oktober 2009 @ 14:20:09 #170
267444 Skonk
Free Skonk
pi_73680949
Beste Fok!ers,

ik ben bezig met Javascript (al ben ik er zeker nog geen pro mee), en ik heb een probleem (al denk ik dat het voor jullie zo op te lossen is :P).

Dit is de code in "disabledbutton.html":

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>Disabled Button</title>
      <script type="text/javascript" src="js/start.js"></script>
      <script type="text/javascript" src="js/controller/controller.js"></script>
      <script type="text/javascript" src="js/model/model.js"></script>
      <script type="text/javascript" src="js/view/view.js"></script>
   </head>
   <body>

<form name="form1">
<input name="button1" id="ButtonID" type="button" value="Save">
</form>

   </body>
</html>


En dit is de code in "view.js":

1
2
3
4
5
6		function Disable() {
document.form1.button1.disabled = true;
 }
  
  var button1 = document.getElementById("ButtonID"); 
  button1.onclick = alert(button1);


De rest van de Javascript bestanden wordt hierbij niet gebruikt.
Wat ik probeer is dus te zorgen dat als er op de knop gedrukt wordt, dat de knop wordt disabled.
Maar het probleem is dus (volgens mij), dat hij niet eens het ID van de knop kan vinden (daarom heb ik ook "alert(button1);" ertussen geplakt, wat dus terugkomt met "null".

Hier loop ik dus vast, want ik heb wel een ID gegeven aan de button, namelijk "ButtonID".

Kunnen jullie mij misschien hiermee helpen? O+ :@ O+
pi_73682368
quote:
Op maandag 12 oktober 2009 19:57 schreef Xcalibur het volgende:
In de string staat geen & nbsp; dat is een beetje het hele probleem

Als ik een IndexOf doe op het eerste karakter van het woord, zit die op positie 3.
Er zitten dus 2 tekens voor, waarvan één dus de gewone spatie is.
Dan zou ik de echte output moeten zien, om verder te kunnen uitzoeken wat er aan de hand is.
fokstok.nl
pi_73682635
@skonk, geen idee wat je bedoeld, maar hiermee disable je een button
1
2
3
4
5
6
7
8
9
10
11
12		<html>
<head>
<script type="text/javascript">
function Disable(id) {
document.getElementById(id).disabled = true;
 }
 </script>
</head>
<body>
<input name="button1" id="ButtonID" type="button" value="Save" onclick="Disable('ButtonID');">
</body>
</html>
  woensdag 14 oktober 2009 @ 17:09:20 #173
267444 Skonk
Free Skonk
pi_73686626
quote:
Op woensdag 14 oktober 2009 15:14 schreef Darkomen het volgende:
@skonk, geen idee wat je bedoeld, maar hiermee disable je een button
[ code verwijderd ]


Bedankt, maar ik mag (om een of andere reden) geen onclick in HTML gebruiken om het voor elkaar te krijgen.
pi_73688059
quote:
Op woensdag 14 oktober 2009 14:20 schreef Skonk het volgende:
Beste Fok!ers,

ik ben bezig met Javascript (al ben ik er zeker nog geen pro mee), en ik heb een probleem (al denk ik dat het voor jullie zo op te lossen is :P).

Dit is de code in "disabledbutton.html":
[ code verwijderd ]

En dit is de code in "view.js":
[ code verwijderd ]

De rest van de Javascript bestanden wordt hierbij niet gebruikt.
Wat ik probeer is dus te zorgen dat als er op de knop gedrukt wordt, dat de knop wordt disabled.
Maar het probleem is dus (volgens mij), dat hij niet eens het ID van de knop kan vinden (daarom heb ik ook "alert(button1);" ertussen geplakt, wat dus terugkomt met "null".

Hier loop ik dus vast, want ik heb wel een ID gegeven aan de button, namelijk "ButtonID".

Kunnen jullie mij misschien hiermee helpen? O+ :@ O+
Lukt het met:

1document.getElementById("ButtonID").onclick = Disable();


?

Zal trouwens niet in de HTML mogen om dezelfde reden dat je geen inline css gebruikt :)
pi_73697107
quote:
Op woensdag 14 oktober 2009 15:08 schreef Light het volgende:

[..]

Dan zou ik de echte output moeten zien, om verder te kunnen uitzoeken wat er aan de hand is.
Mja, in de output zie je dus alleen spaties. Ook als je document.write doet, en in de source kijkt...
Ik heb het voorlopig opgelost door alle nonword characters ( \W ) eruit te filteren, dat werkt wel. Maar nou zit ik weer met leestekens enzo
pi_73704624
quote:
Op woensdag 14 oktober 2009 18:04 schreef woopehh het volgende:

[..]

Lukt het met:
[ code verwijderd ]

?

Zal trouwens niet in de HTML mogen om dezelfde reden dat je geen inline css gebruikt :)
Nee, helaas nog steeds dezelfde foutmelding:

1Bericht: 'document.getElementById(...)' is leeg of geen object


Nog meer ideetjes? :P
pi_73705470
quote:
Op woensdag 14 oktober 2009 22:15 schreef Xcalibur het volgende:

[..]

Mja, in de output zie je dus alleen spaties. Ook als je document.write doet, en in de source kijkt...
Ik heb het voorlopig opgelost door alle nonword characters ( \W ) eruit te filteren, dat werkt wel. Maar nou zit ik weer met leestekens enzo }:|
Ik heb em nog een beetje gefinetuned, zodat ie alleen de nonword characters aan het begin van de string eruithaalt :)

1replace(/^[\W]+/, '');
pi_73705495
quote:
Op donderdag 15 oktober 2009 09:18 schreef Skonk het volgende:

[..]

Nee, helaas nog steeds dezelfde foutmelding:
[ code verwijderd ]

Nog meer ideetjes?
Heb je het ergens online staan?
  donderdag 15 oktober 2009 @ 10:10:17 #179
147503 Iblis
aequat omnis cinis
pi_73705625
quote:
Op donderdag 15 oktober 2009 10:02 schreef Xcalibur het volgende:

[..]

Ik heb em nog een beetje gefinetuned, zodat ie alleen de nonword characters aan het begin van de string eruithaalt
[ code verwijderd ]
\W is toch al een class op zichzelf? M.a.w. hoeft niet binnen []? Wat je spaties probleem betreft: Is je string niet in Unicode? Een non-breakable space kun je natuurlijk coderen als entity (&nbsp;) maar kan ook gewoon getypt worden: ‘ ’ en dat ziet er meestal niet anders uit dan een gewone spatie: ‘ ’. Je kunt met JavaScript er echter wel achter komen wat de boosdoener is: gebruik de charCodeAt-method van de string. Dan krijg je de Unicode-waarde terug en kun je opzoeken wat het is.

Een &nbsp; heeft b.v. code 160 decimaal (of A0 hex). De code converteren naar hex en dan in Google intypen levert meestal wel op wat het is, b.v. U+00A0 (altijd aanvullen met 0’en tot 4 cijfers).
Daher iſt die Aufgabe nicht ſowohl, zu ſehn was noch Keiner geſehn hat, als, bei Dem, was Jeder ſieht, zu denken was noch Keiner gedacht hat.
pi_73705658
1
2
3
4
5
6
7
8
9
10
11
12		<html>
<head>
<script type="text/javascript">
function Disable(el) {
el.disabled = true;
 }
 </script>
</head>
<body>
<input name="button1" id="ButtonID" type="button" value="Save" onclick="Disable(this);">
</body>
</html>


Heb je dit al geprobeerd?
Trotse poster van het 37000000ste bericht ^O^
pi_73705703
quote:
Op donderdag 15 oktober 2009 10:12 schreef daReaper het volgende:

[ code verwijderd ]

Heb je dit al geprobeerd?
Hij mag geen onclick gebruiken in de html

Misschien is DOM nog niet klaar? (als de javascript uitgevoerd wordt)
pi_73705716
Oeps, quote ipv edit
pi_73705765
quote:
Op donderdag 15 oktober 2009 10:14 schreef woopehh het volgende:

[..]

Hij mag geen onclick gebruiken in de html

Misschien is DOM nog niet klaar? (als de javascript uitgevoerd wordt)
Ohja, dat had ik even gemist

Ik kan me inderdaad zo voorstellen dat de DOM nog niet klaar is. Probeer eens een document.onload te gebruiken.
Trotse poster van het 37000000ste bericht ^O^
pi_73705808
quote:
Op donderdag 15 oktober 2009 10:14 schreef woopehh het volgende:

Misschien is DOM nog niet klaar? (als de javascript uitgevoerd wordt)
Best mogelijk idd De simpelste oplossing is dan om de javascriptbestanden naar het eind van de html te verplaatsen, dan zijn de andere elementen in ieder geval bekend bij de browser op het moment dat hij bij de javascript aankomt.
fokstok.nl
pi_73706430
quote:
Op donderdag 15 oktober 2009 10:10 schreef Iblis het volgende:
\W is toch al een class op zichzelf? M.a.w. hoeft niet binnen []?
Daar zou je wel eens gelijk in kunnen hebben
Maar dit was het resultaat van meer gepruts, en de [] was daar nog een overblijfsel van.
quote:
Op donderdag 15 oktober 2009 10:10 schreef Iblis het volgende:
Wat je spaties probleem betreft: Is je string niet in Unicode? Een non-breakable space kun je natuurlijk coderen als entity (&nbsp;) maar kan ook gewoon getypt worden: ‘ ’ en dat ziet er meestal niet anders uit dan een gewone spatie: ‘ ’. Je kunt met JavaScript er echter wel achter komen wat de boosdoener is: gebruik de charCodeAt-method van de string. Dan krijg je de Unicode-waarde terug en kun je opzoeken wat het is.
Goed punt, ga ik proberen
pi_73706468
quote:
Op donderdag 15 oktober 2009 10:17 schreef daReaper het volgende:

[..]

Ohja, dat had ik even gemist

Ik kan me inderdaad zo voorstellen dat de DOM nog niet klaar is. Probeer eens een document.onload te gebruiken.
Dit werkt wel, maar dan is de button meteen disabled, en dat hoort nou ook weer niet .
pi_73707271
quote:
Op donderdag 15 oktober 2009 10:42 schreef Skonk het volgende:

[..]

Dit werkt wel, maar dan is de button meteen disabled, en dat hoort nou ook weer niet .
Hoe heb je de code nu dan?
pi_73707891
Mm da tis wat lastiger, je kan de button via javascript creeren en daar de onclick aan hangen
Dan staat deze niet in je html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20		<script type="text/javascript">
function disableButton(id) {
   document.getElementById(id).disabled = true;
 }
  
function addButton () {
   var parent =  document.getElementById('buttonDiv');
   var el= document.createElement('input');
   el.setAttribute('type','button');
   el.setAttribute('name','button1');
   el.setAttribute('id','ButtonID');
   el.setAttribute('value','submit');
   el.setAttribute('onclick',"disableButton('ButtonID')");
   parent.appendChild(el);
}

window.onload = addButton;
</script>
<body>
<div id="buttonDiv"></div>


En als dat ook niet mag ben ik benieuwt wat er dan wel mag "D

Edit: heb ej wel minimaal IE8 voor nodig, of een andere browser die wel luistert naar webstandaarden zoals Firefox

[ Bericht 35% gewijzigd door Darkomen op 15-10-2009 11:37:33 ]
  vrijdag 30 oktober 2009 @ 09:57:37 #189
267444 Skonk
Free Skonk
pi_74214954
quote:
Op donderdag 15 oktober 2009 11:30 schreef Darkomen het volgende:
Mm da tis wat lastiger, je kan de button via javascript creeren en daar de onclick aan hangen :P
Dan staat deze niet in je html :P
[ code verwijderd ]

En als dat ook niet mag ben ik benieuwt wat er dan wel mag "D

Edit: heb ej wel minimaal IE8 voor nodig, of een andere browser die wel luistert naar webstandaarden zoals Firefox :)
Ik heb dit probleem maar even laten zitten met onclick, ik dacht dat fix ik later wel allemaal. (maar toch bedankt!)
Nu ben ik bezig met iets anders, waar ik niet echt een probleem heb, maar gewoon niet weet wat ik moet doen :P.

Dit staat in de view.js:

1
2
3
4		function toonSymbool(){
   var symbool = document.getElementById('Button').innerHTML
   alert(symbool);
}

Nou werkt dit wel, maar alleen als er een button het id "Button" heeft, maar verder niet.
Er zijn 25 buttons, en ze zijn allemaal genummerd, dus met id gaat het niet lukken (want dat is uniek, heb ik gelezen).
Nu vroeg ik mij af hoe ik dit zou moeten doen dat het wel werkt?
De buttons zijn zo opgemaakt in HTML:

1
2		            <button class="SymbolButton" id="Button1" onclick="toonSymbool()">Air</button>
            <button class="SymbolButton" id="Button2" onclick="toonSymbool()">Alien</button>   

etc.

Ik wil dus als je op een knop drukt dat er een alert komt met daarin de naam van de knop (Air of Alien in dit geval).

Kan iemand mij dit uitleggen? :s)
pi_74216481
1<button onclick="toonSymbool(this)">Air</button>


this geeft op deze manier een referentie naar het element waar op geklikt wordt, in dit geval de knop waar je informatie van wil tonen.

1
2
3
4		function toonSymbool(button)
{
   alert(button.innerHTML);
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  vrijdag 30 oktober 2009 @ 11:22:37 #191
267444 Skonk
Free Skonk
pi_74217680
quote:
Op vrijdag 30 oktober 2009 10:50 schreef SuperRembo het volgende:

[ code verwijderd ]

this geeft op deze manier een referentie naar het element waar op geklikt wordt, in dit geval de knop waar je informatie van wil tonen.
[ code verwijderd ]


Het werkt .
Alleen snap ik niet helemaal hoe?
Hoe weet hij nou welke button het is?

Sorry als dit hele domme vragen zijn .
pi_74217835
quote:
Op vrijdag 30 oktober 2009 11:22 schreef Skonk het volgende:

[..]

Het werkt .
Alleen snap ik niet helemaal hoe?
Hoe weet hij nou welke button het is?

Sorry als dit hele domme vragen zijn .
Je geeft de functie die de button aanroept, zichzelf mee als referentie. Zo van 'hey functie, IK heb jou aangeroepen!'

En dan weet de functie dus dat die button het is geweest.
  vrijdag 30 oktober 2009 @ 14:14:23 #193
267444 Skonk
Free Skonk
pi_74223520
quote:
Op vrijdag 30 oktober 2009 11:26 schreef Scorpie het volgende:

[..]

Je geeft de functie die de button aanroept, zichzelf mee als referentie. Zo van 'hey functie, IK heb jou aangeroepen!'

En dan weet de functie dus dat die button het is geweest.
Ik denk dat ik het snap.
Alleen nu wil ik in plaats van een alert dat er een afbeelding wordt geladen.
De code is als volgt:

1
2
3
4
5
6
7
8
9		function toonSymbool(button)
{
     

var air = document.src = "img/air.PNG"; 
if (button.innerHTML == "Air"){
   document.getElementById('FightWindow').innerHTML = air;
}
}


Maar in plaats van het plaatje laten zien laat hij de tekst "img/air.PNG" zien.
Hoe kan ik dit anders doen?

[edit] Geloof het of niet, maar zo werkt het wel:

1
2
3
4
5
6
7
8		function toonSymbool(button)
{
     
var air = "<img " + "src=" + "img/" + "air.PNG>";
if (button.innerHTML == "Air"){
   document.getElementById('FightWindow').innerHTML = air;
}
}

Terwijl het niet eens klopt, want het hoort "air.PNG">"; te zijn, toch?

[ Bericht 24% gewijzigd door Skonk op 30-10-2009 14:41:03 ]
pi_74224802
Waarom dan niet gewoon
1var air = '<img src="img/air.PNG">'
  vrijdag 30 oktober 2009 @ 14:55:55 #195
267444 Skonk
Free Skonk
pi_74225050
quote:
Op vrijdag 30 oktober 2009 14:48 schreef woopehh het volgende:
Waarom dan niet gewoon
[ code verwijderd ]


Dan doet ie niks.
Vond ik ook al raar.

[edit]
Ik zie het al.
Ik deed dit:
1"<img src="img/air.PNG">"

en dan doet ie het niet, maar dat lag dus aan de aanhalingstekens?
pi_74225129
quote:
Op vrijdag 30 oktober 2009 14:55 schreef Skonk het volgende:

[..]

Dan doet ie niks.
Vond ik ook al raar.

[edit]
Ik zie het al.
Ik deed dit:
[ code verwijderd ]

en dan doet ie het niet, maar dat lag dus aan de aanhalingstekens?
Ja, dit kan je voorkomen door ze te escapen:
1"<img src=\"img/air.PNG\">"
  vrijdag 30 oktober 2009 @ 15:01:47 #197
267444 Skonk
Free Skonk
pi_74225256
quote:
Op vrijdag 30 oktober 2009 14:58 schreef woopehh het volgende:

[..]

Ja, dit kan je voorkomen door ze te escapen:
[ code verwijderd ]


Oh, weer wat geleerd.
  zondag 1 november 2009 @ 13:21:37 #198
37634 wobbel
Da WoBBeL King
pi_74274998
Waarom is dit fout?

1document.getElementById('leeftijd').innerHTML = 'Leeftijd' + tyr-age;


Ik wil ervoor nog Leeftijd hebben staan, maar dat wil zo niet... dus een tekst voor "tyr-age"
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_74275759
tyr en age zijn variabelen? Misschien dat dan eens tussen haakjes zetten, dus 'Leeftijd ' + (tyr-age);
fokstok.nl
  dinsdag 3 november 2009 @ 10:55:36 #200
267444 Skonk
Free Skonk
pi_74342891
Hoe kan je zorgen dat iets wat in een form wordt geschreven ook écht wordt opgeslagen (lokaal)?
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')