abonnement Unibet Coolblue Bitvavo
pi_66795078


De (voorlopige) OP van de [Javascript] voor dummies reeks.
Hier kan je alle vragen stellen over Javascript en alles wat er mee te maken heeft.

Heb je een probleem, post dan ook even de code waar het probleem zit Zo kunnen we je beter proberen te helpen.

Vorige delen:
#1 - [Javascript] voor dummies - Deel 1
#2 - [Javascript] voor dummies - Deel 2
#3 - [Javascript] voor dummies - deel 3
#4 - [Javascript] voor dummies - deel 4
#5 - [Javascript] voor dummies (deel 6)
#6 - [Javascript] voor dummies (deel 6)
#7 - [Javascript] voor dummies (deel 7)
#7 - [Javascript] voor dummies (deel 8)

Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
Mis je een link? Geef even een gil in het topic

Tutorials:
W3Schools Javascript
W3Schools AJAX

Laatste posts uit het vorige topic:
quote:
Op vrijdag 6 maart 2009 18:48 schreef Roy_T het volgende:
Haal je HTML door de validator, en je zult zien waarom het niet werkt (hint: een id moet uniek zijn).

Ik zou de HTML goed opzetten (dus met een unordered list), en de kleur switchen d.m.v. het aanpassen van de class van de UL (en zo voor alle kind LI's de bullet aanpassen).
quote:
Op zaterdag 7 maart 2009 12:29 schreef poepeneesje het volgende:
Vraagje, ik wil graag in de onderstaande code myDiv verwijderen i.p.v. removable. Hoe realiseer ik dat?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>

<script type="text/javascript">
function removeEvent(divNum){
        var d = document.getElementById('myDiv');
        var olddiv = document.getElementById(divNum);
        d.removeChild(olddiv);
        return false;
}
</script>

</head>
<body>
<div id="myDiv">
        <div id="removable">
        <a href="#" onclick="removeEvent('removable');">REMOVE ME</a>
        </div>
</div>
</body>
</html>
Deze OP: http://wiki.fok.nl/index.php/OP/Javascript
Aan dit bericht kunnen geen rechten worden ontleend.
  zaterdag 7 maart 2009 @ 12:34:53 #2
136730 PiRANiA
All thinking men are atheists.
pi_66795154
quote:
Op zaterdag 7 maart 2009 12:34 schreef PiRANiA het volgende:

Misschien weet jij het antwoord op mijn vraag (gequote in de OP).
Aan dit bericht kunnen geen rechten worden ontleend.
pi_66795529
tvp
pi_66801227
1
2
3
4
5
function removeElement(id)
{
   var el = document.getElementById(id);
   el.parentNode.removeChild(el);
}


1onclick="removeElement('tvp')"
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_66872931
Ja ik weet het, ik ben een n00bz0r in javascript en ga dat voorlopig ook blijven.
Ik heb geen zin om hele nieuwe taal te leren voor die enkele keer dat ik het gebruik.

Ik heb nu het volgende:

index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!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>
<link href="css.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BlAaTz0r</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div ALIGN="center" id="header"><img src="images/coming-soon.png" />
</div>
</body>
</html>


css.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
@charset "utf-8";
/* CSS Document */
body {
    background-repeat: no-repeat;
    background-color: #000000;
    margin: 0px;
    font-family: Tahoma, serif;
    font-size: 11px;
    color: #ffffff;
}   
 
#header {
margin-top: 40px;
}


Nu wil ik dus dat als de pagina gelagen is dat de "coming-soon.png" komt "infaden", ik kan wel heel veel van die onclick en mouseover scriptjes vinden maar ik heb geen idee hoe ik deze moet aanpassen en uiteindelijk moet toepassen.

Iemand die me even een voorzetje kan geven?
"Op Fok! val je pas op als je normaal bent." -mazaru
  dinsdag 10 maart 2009 @ 09:58:15 #7
38262 YOZ86
Doorzichtige user
pi_66887498
Ik heb een verzoek voor jullie.
Ik doe voor mijn bedrijfskunde bachelor thesis een onderzoek naar de effecten van die (irritante) floating advertisements op brand awareness en brand attitude. Daarvoor moet ik echter verschillende configuraties maken. Ik heb totaal geen ervaring met javascript en ik heb nog één probleem waar ik echt niet uit kom.
Ik wil dat de close button pas verschijnt na een aantal seconden (zeg 10). Ik weet waar de closebutton genoemd wordt en dat ik waarschijnlijk met setTimeout moet werken maar ik heb geen idee hoe.
Wie kan mij helpen?

1
2
3
4
5
6
7
8
9
10
<script language='JavaScript' type=text/javascript>
<!--
document.write("<table width='500' height='300' border='0' cellspacing='0' cellpadding='1' style='display:none;position:absolute;top:10px;left:10px;empty-cells:hide' id='v1771235936960217v181'>")
;document.write("<tr><td style='background: #062F91'>");document.write("<table width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'>");document.write("<tr height='0'><td>")
;document.write("<table width='100%' border='0' cellspacing='1' cellpadding='0' style='background: #FFFFFF; color: #062F91; cursor: default'><tr style='font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold'><td>.")
;document.write("<td style='width: 20px; cursor: pointer;' onclick='java script:v1771235936960217v184();'>X");document.write("</table>");document.write("<tr><td>");
;document.write("<table width='100%' height='100%' id='v1771235936960217v185' border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'>");document.write("<tr>");document.write("<td>")
;document.write("<table border=\"0\" cellpadding=\"3\" cellspacing=\"0\"><tr><td><font face=\"Verdana\" size=\"2\"><img border=\"0\" src=\"Floater.jpg\"><br> </td></tr></table>");document.write("</table></table></table>"); if ( document.getElementById ) v1771235936960217v186 = document.getElementById ( "v1771235936960217v181" ); else v1771235936960217v186 = document.all ["v1771235936960217v181"]; var v1771235936960217v188 = false; function v1771235936960217v183 ( ) { if ( document.getElementById ) v189 = document.getElementById ( "v1771235936960217v185" ); else v189 = document.all ["v1771235936960217v185"]; if ( v189.style.display == "none" ) { v189.style.display = ""; v1771235936960217v186.style.height = "300px"; } else { v189.style.display = "none"; v1771235936960217v186.style.height = "20px"; } } function v1771235936960217v184 ( ) { v1771235936960217v186.style.display = "none"; v1771235936960217v188 = true; } var v1771235936960217v175, v1771235936960217v176; var v1771235936960217v190, v1771235936960217v191; function v1771235936960217v192 ( ) { return ( ( window.pageXOffset ) ? window.pageXOffset : document.body.scrollLeft ) + v1771235936960217v190; } function v1771235936960217v193 ( ) { return ( ( window.pageYOffset ) ? window.pageYOffset : document.body.scrollTop ) + v1771235936960217v191; } function v1771235936960217v194 ( ) { var v195 = 500; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); if ( ( v1771235936960217v187 -= v195 ) <= 0 ) v1771235936960217v196 ( ); else setTimeout ( "v1771235936960217v194 ( );", v195 ); } function v1771235936960217v197 ( v198 ) { if ( v1771235936960217v190 != v1771235936960217v175 || v1771235936960217v191 != v1771235936960217v176 ) { if ( v1771235936960217v190 != v1771235936960217v175 ) if ( Math.abs ( v1771235936960217v190 - v1771235936960217v175 ) <= v1771235936960217v199 ) v1771235936960217v190 = v1771235936960217v175; else if ( v1771235936960217v190 < v1771235936960217v175 ) v1771235936960217v190 += v1771235936960217v199; else v1771235936960217v190 -= v1771235936960217v199; if ( v1771235936960217v191 != v1771235936960217v176 ) if ( Math.abs ( v1771235936960217v191 - v1771235936960217v176 ) <= v1771235936960217v199 ) v1771235936960217v191 = v1771235936960217v176; else if ( v1771235936960217v191 < v1771235936960217v176 ) v1771235936960217v191 += v1771235936960217v199; else v1771235936960217v191 -= v1771235936960217v199; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); setTimeout ( "v1771235936960217v197 ( " + v198 + " );", 20 ); } else if ( v198 ) v1771235936960217v194 ( ); else v1771235936960217v186.style.display = "none"; } function v1771235936960217v200 ( v201, v202 ) { v1771235936960217v175 = v201; v1771235936960217v176 = v202; v1771235936960217v190 = v201; v1771235936960217v191 = v202; var v205 = 0, v206 = 0; v205 = -v201 -500; v206 = -v202 -300; if ( v205 != 0 && v206 != 0 ) if ( Math.abs ( v205 ) < Math.abs ( v206 ) ) v206 = v206 / Math.abs ( v206 ) * Math.abs ( v205 ); else v205 = v205 / Math.abs ( v205 ) * Math.abs ( v206 ); v1771235936960217v190 += v205; v1771235936960217v191 += v206; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); v1771235936960217v186.style.display = ""; v1771235936960217v197 ( true ); } function v1771235936960217v196 ( ) { if ( v1771235936960217v188 ) return; v1771235936960217v199 = 24; var v205 = 0, v206 = 0; var v201 = v1771235936960217v175, v202 = v1771235936960217v176; v205 = ( ( window.innerWidth ) ? window.innerWidth : document.body.clientWidth ) - v201; if ( v205 != 0 && v206 != 0 ) if ( Math.abs ( v205 ) < Math.abs ( v206 ) ) v206 = v206 / Math.abs ( v206 ) * Math.abs ( v205 ); else v205 = v205 / Math.abs ( v205 ) * Math.abs ( v206 ); v1771235936960217v175 += v205; v1771235936960217v176 += v206; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); v1771235936960217v186.style.display = ""; v1771235936960217v197 ( false ); } var v1771235936960217v199 = 16.970725498515062; setTimeout ( "v1771235936960217v200 ( 400, 100, 16.970725498515062 );", 1500 ); var v1771235936960217v217, v1771235936960217v218; function v1771235936960217v219 ( v220 ) { v221 = ( document.all ) ? event.clientX : v220.clientX; v222 = ( document.all ) ? event.clientY : v220.clientY; v1771235936960217v190 += v221 - v1771235936960217v217; v1771235936960217v191 += v222 - v1771235936960217v218; v1771235936960217v217 = v221; v1771235936960217v218 = v222; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); } function v1771235936960217v223 ( ) { } function v1771235936960217v224 ( ) { document.onmousemove = v1771235936960217v223; document.onmouseup = v1771235936960217v223; } function v1771235936960217v225 ( v220 ) { v1771235936960217v217 = ( document.all ) ? event.clientX : v220.clientX; v1771235936960217v218 = ( document.all ) ? event.clientY : v220.clientY; document.onmousemove = v1771235936960217v219; document.onmouseup = v1771235936960217v224; } v1771235936960217v186.onmousedown = v1771235936960217v225;
//-->
</SCRIPT>
  dinsdag 10 maart 2009 @ 11:36:55 #8
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_66890457
Ik zit momenteel te klooien met een AJAX POST 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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
var http_request = false;
function makePOSTRequest(url, parameters) {
   http_request = false;
   if (window.XMLHttpRequest) { // Mozilla, Safari,...
      http_request = new XMLHttpRequest();
      if (http_request.overrideMimeType) {
         // set type accordingly to anticipated content type
         //http_request.overrideMimeType('text/xml');
         http_request.overrideMimeType('text/html');
      }
   } else if (window.ActiveXObject) { // IE
      try {
         http_request = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
         try {
            http_request = new ActiveXObject("Microsoft.XMLHTTP");
         } catch (e) {}
      }
   }
   if (!http_request) {
      alert('Cannot create XMLHTTP instance');
      return false;
   }
   
   http_request.onreadystatechange = alertContents;
   http_request.open('POST', url, true);
   http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http_request.setRequestHeader("Content-length", parameters.length);
   http_request.setRequestHeader("Connection", "close");
   http_request.send(parameters);
}

function alertContents() {
   if (http_request.readyState == 4) {
      if (http_request.status == 200) {
         //alert(http_request.responseText);
         result = http_request.responseText;
         document.getElementById('myspan').innerHTML = result;            
      } else {
         alert('There was a problem with the request.');
      }
   }
}

function get(obj) {
   var poststr = "items=" + encodeURI( document.getElementById("items").value );
   makePOSTRequest('/index_ajax.php', poststr);
}


Het probleem zit hem in de laatste functie, get.
Mijn form bestaat uit bijvoorbeeld het volgende:

<input type="textbox" name="items[705]" value="" />
<input type="textbox" name="items[125]" value="" />
<input type="textbox" name="items[1255]" value="" />

etc

Nu wil ik sowieso de waarde van de items ophalen, plus het unieke nr daarvan. Hoe kan ik dit in functie obj verwerken? Het liefst zie ik alle waardes in een foreach, waardoor andere velden dan alleen items kan posten. Kan iemand met een voorbeeldje komen? Thanks!
  donderdag 12 maart 2009 @ 16:35:33 #9
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_66974644
't is stil hier!
pi_66984699
Tja, dit kan je op zo veel manieren oplossen. Gewoon een beetje creatief denken. Je kan in ieder geval door de elements collection van het form heen lopen en dan verzamelen wat je nodig hebt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_67002211
Ik ben op javascript gebied echt een retard, maar ik zoek het volgende. Een soort gallery script. Maar dan op de volgende manier: Je hebt op een pagina 5 plaatjes.1 "fullsize", en 4 thumbnails. Nu wil ik het zo maken, dat wanneer je op 1 van de 4 thumbnails klikt, deze de plek inneemt van het fullsize plaatje, en dat het fullsize plaatje als thumbnail verschijnt op de plek van de zojuist aangeklikte thumbnail. Weet iemand zoiets? Ik heb al wel wat gevonden, maar zonder het switchen van de thumbnails.
  vrijdag 13 maart 2009 @ 22:59:20 #12
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_67026000
quote:
Op donderdag 12 maart 2009 21:07 schreef SuperRembo het volgende:
Tja, dit kan je op zo veel manieren oplossen. Gewoon een beetje creatief denken. Je kan in ieder geval door de elements collection van het form heen lopen en dan verzamelen wat je nodig hebt.
PHP is mijn sterkste punt, javascript niet. Zou je een voorbeeld willen geven?
pi_67038988
Als je op je pagina maar 1 form hebt, dan loop je zo door alle elementen in het form:
1
2
3
4
5
6
7
8
var elems = document.form[0].elements;
for (var i = 0; i < elems.length; ++i)
{
   if (ditElementMoetIkHebben(elems[i]))
   {
      doeErIetsMee(elems[i]);
   }
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_67257505


De (voorlopige) OP van de [Javascript] voor dummies reeks.
Hier kan je alle vragen stellen over Javascript en alles wat er mee te maken heeft.

Heb je een probleem, post dan ook even de code waar het probleem zit Zo kunnen we je beter proberen te helpen.

Vorige delen:
#1 - [Javascript] voor dummies - Deel 1
#2 - [Javascript] voor dummies - Deel 2
#3 - [Javascript] voor dummies - deel 3
#4 - [Javascript] voor dummies - deel 4
#5 - [Javascript] voor dummies (deel 6)
#6 - [Javascript] voor dummies (deel 6)
#7 - [Javascript] voor dummies (deel 7)
#8 - [Javascript] voor dummies (deel 8)

Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
Mis je een link? Geef even een gil in het topic

Tutorials:
W3Schools Javascript
W3Schools AJAX

OP in fokwiki is naar zijn malle moeren door een spammer
quote:
Ik krijg de volgende foutmelding:

Beveiligingsfout: inhoud op http://googleads.g.doubleclick.net/ laadt misschien geen gegevens van http://localhost/Bedrijf/2009/*****

met de volgende 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
div id="gmapsPopup">
<form method="get" action="/test.html" onsubmit="return confirm('is dit goed?');">
<div id="mapSrc" style="width: 500px; height: 300px;"></div>
<script data-src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjaGYVLt_6aIgQ3_DyJpHgRQDdrEchiyrLmzV4Lyqaurkd2gZnBS6RD4u_vdDterjiHsQrZeNRIEjnA" style="visibility:hidden;" 

type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
    var marker = null;
    var geocoder = null;

    // window.onunload = GUnload;
   
    var map = new GMap2(document.getElementById("mapSrc"));
    map.setCenter(new GLatLng(52, 5), 10);
    geocoder = new GClientGeocoder();   


    GEvent.addListener(map, 'click', 
      function(overlay, point) 
      {
         clicked(overlay, point)
         //if (!point) return;
         
         if (marker) 
         { // Remove privious marker
            map.removeOverlay(marker); 
         } 
      
         // Create new marker
         var center = new GLatLng(point.y, point.x);
         marker = new GMarker(center, {draggable: true});
         map.addOverlay(marker);
      } ) ;   

      function clicked(overlay, latlng) {
      if (latlng) {
        geocoder.getLocations(latlng, function(addresses) {
          if(addresses.Status.code != 200) {
            alert("reverse geocoder failed to find an address for " + latlng.toUrlValue());
          }
          else {
            address = addresses.Placemark[0];
            var myHtml = address.address;
            map.openInfoWindow(latlng, myHtml);
          }
        ;
      }


</script>
Zoek <input type="text" id="address" name="" value="" />   <input type="submit" name="" value="Versturen" />
</form>
</div>
quote:
Iemand die deze foutmelding snapt?
ps googleMaps werkt niet op 127.0.0.30 wel op 127.0.0.1
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67259261
Waarom zou je 127.0.0.30 willen gebruiken?
  zaterdag 21 maart 2009 @ 11:22:36 #16
84926 WyriHaximus
Release the hounds smithers!
pi_67264569
Idd wat is er mis met 127.0.0.1
phluphy for president!
pi_67270669
Niets opzich maar voor ieder domein gebruik ik een appart ip adres, houdt het lekker gemakkelijk.

Maar goed, iemand een oplossing voor mijn probleem?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zaterdag 21 maart 2009 @ 17:05:49 #18
84926 WyriHaximus
Release the hounds smithers!
pi_67271705
Heb je nog google ads op die pagina staan? Ow btw wat is de wiki pagina voor deze op dan fix ik hem ff .
phluphy for president!
pi_67271959
Geen idee wat de wiki pagina is ff googlen

Maaruh ik heb nu dit: http://www.visfreaks.nl/test.html alleen als je op het wereldbolletje klikt zie je iets dat er niet zo goed uit ziet (een halve googlemaps div) wat doe ik fout?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67299009
Ik heb een functie geschreven die er voor zorgt dat ook in IE de value van een input type="image" wordt meegestuurd zonder dat verder de html moet worden aangepast:

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
<script type="text/javascript">
function imgButtonPressed(event){
  /// get form ///
  var curform = event.srcElement;
  while(curform.tagName != "FORM") {
    curform = curform.parentNode;
  }

  /// create hidden input with values of image submit ///  
  var hid = document.createElement("input");
  hid.type = "hidden";

  hid.name = event.srcElement.name;
  hid.value = event.srcElement.value;

  curform.appendChild(hid)
}
onload = function() {
  inputs = document.getElementsByTagName("input");
  if (inputs[0].attachEvent) {
    for (a = 0; a < inputs.length; a++) {
      if (inputs[a].type == "image") {
        inputs[a].attachEvent('onclick', imgButtonPressed);
      }
    }
  }
}
</script>


probleem is nou, dat wanneer in de source van de html onverhoopt een onload="" in de <body> tag staat, dat mijn functie dan overschreven wordt... Wat kan ik daar aan doen?

edit: Laat ook eigenlijk maar. Ik kwam er net achter dat het eigenlijk geen enkel probleem is om de aanroep gewoon in de body tag te zetten

[ Bericht 5% gewijzigd door daReaper op 22-03-2009 19:16:51 ]
Trotse poster van het 37000000ste bericht ^O^
  maandag 23 maart 2009 @ 13:45:04 #21
37634 wobbel
Da WoBBeL King
pi_67322741
Ik ben nu verdomme al sinds gistermiddag bezig met jQuery...maar het lukt me niet :'(

Onderstaand stukje code geeft een dialog weer welke geopend moet worden als de form gesubmit wordt....

Nu is het probleem met onderstaande dialog dat ie niet opent bij een submit, en dat als je op de submit knopt in de dialog drukt hij alsnog niet de form verzend. Form heeft een ID en NAME tag (waarde: CheckInForm) maar het wil maar niet werken met dat gesubmit.

En toen ik een OnSubmit event had gemaakt, kwam de dialog al in beeld omdat de dialog pas geinitialiseerd wordt als ik op de submit knop zou drukken.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
$(function() {
   $("#confirmation").dialog({
      bgiframe: true,
      resizable: false,
      height:190,
      width: 350,
      modal: true,
      overlay: {
         backgroundColor: '#000',
         opacity: 0.5
      },
      buttons: {
         'Bezoeker toch inchecken': function() {
            $('#CheckInForm').submit();
         },
         'Annuleren': function() {
            $(this).dialog('close');
         }
      }
   });
});
</script>
pi_67329096
#CheckInForm? ipv CheckInForm?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67398411
Ik heb ook weer eens wat.

Ik wil een lijst met nummers maken (van 01 t/m 31)

voorbeeld:
for (x = 1; x < 32; x++) { document.write('<option value=' + ((x.length == 1) ? '0' + x : x)+ '">' + ((x.length == 1) ? '0' + x : x);

echter krijgt ik maar geen 01 (wel 1,2,3,4 etc) maar dat wil ik niet. Wat doe ik fout?

[edit]

snel opgelost, raar dat ik het pas zie als ik het post

ipv length. gewoon < 10
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67402136
Wat doe je dat weer lekker onleesbaar, onhandig en inefficient
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_67418757
Kan het nog mooier dan?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67419938
Dat stukje code waar je vraag om ging staat er twee keer precies hetzelfde in. Dat kan je in ieder geval even in een variabele zetten. Je zou het ook in een functie zetten zodat je het kan hergebruiken.
Verder is het natuurlijk veel mooier om html via DOM te bouwen dan dia document.write.

1
2
3
4
5
6
7
8
9
10
   var parent = document.getElementById('id-van-het-element-waar-de-selectbox-in-moet-komen');
   var select = parent.appendChild(document.createElement('select'));
   for (var i = 1; i < 32; ++i)    
   {
      var value = (i < 10) ? '0' + i : i;
      var option = document.createElement('option');
      option.value = value;
      option.text = value;
      select.options.add(option);
   }


Beter leesbaar en beter voorbereid op de toekomst.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_67421636
Je hebt gelijk, al ben ik nog niet zo into createElement, maar begin steeds meer te leren :) ik zal het eens doorvoeren.

Heb ik gelijk weer een ander, iets wat ik niet snap (of het moet aan IE liggen).

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
function fieldsCheck(aaa, bbb, ccc)
{
    disableFields = false;
    if (document.getElementById('tmp_' + aaa).checked == true)
    {
         disableFields = true;
    }

    if (bbb != '' && document.getElementById('tmp_' + bbb).checked != true)
    {
         disableFields = false;
    }
    
    alert(disableFields);
    
    for (x = 0; x < ccc.length; x++)
    {
        document.getElementById('tmp_' + ccc[x]).checked = false;
        if (disableFields == true)
        {
            document.getElementById('tmp_' + ccc[x]).disabled = true;
        }
        else
        {
            document.getElementById('tmp_' + ccc[x]).disabled = false;
        }
    }
}


Deze code controllert of bepaalde checkboxjes zijn gevinkt of niet. Het rare is dat deze pas werkt als ik na het vinken van een checkbox ergens op de pagina KLIK. dus niet door de vink actie.

Extra html code voor deze functie

1
2
3
4
5
6
7
        <input type="checkbox" id="tmp_1a" name="1a" value="1a" /> 1a<br />
        <input type="checkbox" id="tmp_1b" name="1b" value="1b"  /> 1b<br />
        <input type="checkbox" id="tmp_1"  name="1" value="1" onchange="fieldsCheck('1', '', new Array('1a', '1b'));" /> 1<br />
        <input type="checkbox" id="tmp_2a" name="2a" value="2a" /> 2a<br />
        <input type="checkbox" id="tmp_2b" name="2b" value="2b" /> 2b<br />
        <input type="checkbox" id="tmp_2"  name="2" value="2" onchange="fieldsCheck('2', '', new Array('2a', '2b'));" /> 2<br />
        <input type="checkbox" id="tmp_3"  name="3" value="3" onchange="fieldsCheck('3', '', new Array('1a','1b','1','2a','2b', '2'));" /> 3 (alles)<br />


best raar, in FF werkt het direct als ik de vink plaats in de checkbox (1,2 of 3) maar in IE moet ik eerst ergens anderes klikken :{
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67422510
De onchange gaat pas af nadat de checkbox de focus verliest. Je kan beter onclick gebruiken (die gaat ook af als je met het toetsenbord een vinkje aan/uit zet).
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_67422600
Ah, daar zit het verschil dus in! tnx weer wat geleerd!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67609982
Weet iemand ook een javascript functie die iedere pagina kan bookmarken (aan favorieten kan toevoegen) zondat dat ik de link op hoef te geven? dus zelf de huidige pagina achterhaalt?

onClick='window.external.AddFavorite(location.href, document.title);'>
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67610534
Dat is een IE-only oplossing. Dus voor een goed werkende oplossign moet je nog even verder googelen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_67611445
je hebt gelijk, ik heb al even verder gekeken maar er zijn zoveel stuks dat je door de bomen het bos niet meer ziet..

Deze werkt iig niet

http://javascript.about.com/library/blfav.htm
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_68138864
Weer een andere, ik wil een DIV van hoogte kunnen veranderen. Standaard is mijn div 200px maar als ik op een button klik wil ik graag dat deze div 300, 400, 500 (steeds 100px) groter wordt.

deze functie werkt iig niet
1
2
3
4
5
function gmapResize()
{
    c = document.getElementById('mapSrc');
    c.style.height = c.style.height + 100 + 'px';
}


al zou het in theorie moeten werken, wat doe ik fout?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_68157013
Als je kijkt naar wat er in c.style.height staat, dan zie je vanzelf wat er fout gaat. Er staat 'px' achter, en '100px'+'100px' geeft '100px100px', niet '200px'.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_68161992
Oeh, hoe kan ik dit volgens jou oplossen dan? ik dacht dat de height propertie alleen maar een 'nummeriek' getal bevatte
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_68163132
quote:
Op zondag 19 april 2009 10:29 schreef Chandler het volgende:
Oeh, hoe kan ik dit volgens jou oplossen dan? ik dacht dat de height propertie alleen maar een 'nummeriek' getal bevatte
Met alert(c.style.height); kun je precies zien wat er in zit.
pi_68196344
juist ja, maar nu heb ik geprobeerd om zo
1c.style.height = '200px' 
aan te passen, maar dat werkte ook niet :{
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_68196884
quote:
Op maandag 20 april 2009 11:15 schreef Chandler het volgende:
juist ja, maar nu heb ik geprobeerd om zo
[ code verwijderd ]

aan te passen, maar dat werkte ook niet
is c.style.display niet per ongeluk "inline"?
Trotse poster van het 37000000ste bericht ^O^
pi_68236249
Misschien dat iemand mij kan helpen met het volgende probleem.

Ik heb een site gemaakt en daar zit een zoekveld in. Nu bestaat dit zoekveld uit 1 textfield, maar ik wil er een soort advanced search bij maken. Het advanced search gedeelte wil ik eigenlijk hidden onder een soort spoiler tag (net zoiets als fok's spoiler tags). De gebruiken moet dan eerst op het plusjes klikken om de geavanceerde textfield te kunnen zien

--------------------------------------------------------
voorbeeld:

<normale search textfield>
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.
---------------------------------------------------

Ik heb even lopen googlen (en ff in bron code van fok gekeken), maar ik kom er eigenlijk nog niet uit. Keb in het verre verleden een beetje javascript gehad, maar dat is beetje weggezakt..
Dit keer zonder signature
pi_68260694
quote:
Op maandag 20 april 2009 11:33 schreef daReaper het volgende:

[..]

is c.style.display niet per ongeluk "inline"?
Yup, dat was het probleem, nu opgelost en werkt naar behoren!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_68272463
Ik zoek een imageslideshow-scriptje die foto's om de x seconden laat infaden. Must is wel dat het 1 scriptje is, en niet allerhande backend zooi meeneemt. Moet het ook 2 keer met elke keer verschillende foto's op een pagina kunnen gebruiken.

Iemand die weet wat ik zoek?
pi_68273440
Nog beter gezegd: Hoe kan ik zorgen dat ik het volgende script, nog een keer kan gebruiken op dezelfde pagina?

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
92
93
94
<script language="JavaScript1.2">

//Fade-in image slideshow

var slideshow_width='465px' //SET IMAGE WIDTH
var slideshow_height='98px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="images/home/zakelijk/foto1.jpg"
fadeimages[1]="images/home/zakelijk/foto2.jpg"
fadeimages[2]="images/home/zakelijk/foto3.jpg"
fadeimages[3]="images/home/zakelijk/foto4.jpg"
fadeimages[4]="images/home/zakelijk/foto5.jpg"
fadeimages[5]="images/home/zakelijk/foto6.jpg"
fadeimages[6]="images/home/zakelijk/foto7.jpg"

////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>
pi_68273556
quote:
Op dinsdag 21 april 2009 13:47 schreef Ericjuh het volgende:
Misschien dat iemand mij kan helpen met het volgende probleem.

Ik heb een site gemaakt en daar zit een zoekveld in. Nu bestaat dit zoekveld uit 1 textfield, maar ik wil er een soort advanced search bij maken. Het advanced search gedeelte wil ik eigenlijk hidden onder een soort spoiler tag (net zoiets als fok's spoiler tags). De gebruiken moet dan eerst op het plusjes klikken om de geavanceerde textfield te kunnen zien

--------------------------------------------------------
voorbeeld:

<normale search textfield>
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.
---------------------------------------------------

Ik heb even lopen googlen (en ff in bron code van fok gekeken), maar ik kom er eigenlijk nog niet uit. Keb in het verre verleden een beetje javascript gehad, maar dat is beetje weggezakt..
Is niet zo moeilijk
1
2
3
4
5
<img src="http://i.fokzine.net/templates/new/i/plus.gif" onclick="javascript:document.getElementById('content').style.display = ( document.getElementById('content').style.display == 'block' ? 'none' : 'block');">

<span id="content" style="display: block;">

</div>


[ Bericht 2% gewijzigd door Darkomen op 22-04-2009 16:10:57 ]
pi_68278253
quote:
Op woensdag 22 april 2009 15:51 schreef Darkomen het volgende:

[..]

Is niet zo moeilijk
[ code verwijderd ]


ahh bedankt! precies wat ik zocht!
Dit keer zonder signature
pi_68303957
Vraagje, ik ben momenteel met mootools aan het klooien, zie http://stat.enliven.nl/mootools_test.php

Wat ik wil, is als ik een woord in het blauw vak sleep, deze hier netjes onder elkaar verschijnen, het liefst nog met een mooi effect.

Iemand die zin heeft om hier eventjes naar te kijken?
pi_68327202
Ik heb een submenu dmv mootools, en een fotoboek dmv jquery. Als ik deze beiden wil gebruiken geeft het een conflict, zet ik één van beiden uit doet een ding het dus wel.

Zou graag toch beiden willen gebruiken. Hoe kan ik dit conflict oplossen? Of weet iemand een leuk alternatief voor mootools.
pi_68327553
Je zou kunnen kijken naar de noConflict mode van jQuery: http://docs.jquery.com/Core

Misschien is datgene waar je MooTools voor gebruikt ook wel te doen met een jQuery plug-in. Even op Google zoeken.
pi_68327954
tvp
  woensdag 24 juni 2009 @ 14:13:37 #49
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_70323528
Vraagje:

Ik heb een textbox, waar je live(ajax) in kan zoeken.
Nu zou ik het zo willen, dat als er bijvoorbeeld 2 a 3 seconden geen toets is ingedrukt, hij de zoekopdracht verzend.

Opzich lukt dit ook wel, alleen heb ik het probleem dat hij uiteindelijk alle opdrachten verzend:
Dit heb ik nu:
1
2
3
4
5
6
7
8
   function validate (form) {
      
      var search = form.inputbox.value;
      
      if (search.length > 3){
         t = setTimeout("alert(search);",1000); 
      }
  }
pi_70323591
Je moet dus bij het opnieuw indrukken van een toets de reeds lopende timer stoppen.
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')