[Javascript] voor dummies (deel 9)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
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!
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')