[Javascript] voor dummies (deel 9)

zaterdag 7 maart 2009 @ 12:33:09 #1

poepeneesje

bR33Z4h

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

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

PiRANiA

All thinking men are atheists.

Dag Google!

zaterdag 7 maart 2009 @ 12:37:08 #3

poepeneesje

bR33Z4h

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.

zaterdag 7 maart 2009 @ 12:53:29 #4

piano_

pianoforte

tvp

zaterdag 7 maart 2009 @ 16:51:29 #5

SuperRembo

Sinds 1998

1
2
3
4
5

function removeElement(id)
{
var el = document.getElementById(id);
el.parentNode.removeChild(el);
}

1	onclick="removeElement('tvp')"

maandag 9 maart 2009 @ 20:37:30 #6

Flepke

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

YOZ86

Doorzichtige user

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

dinsdag 10 maart 2009 @ 11:36:55 #8

Likkende_Lassie

Doe eens wat aan je ondertitel

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

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

Likkende_Lassie

Doe eens wat aan je ondertitel

't is stil hier!

donderdag 12 maart 2009 @ 21:07:45 #10

SuperRembo

Sinds 1998

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.

vrijdag 13 maart 2009 @ 11:23:08 #11

Feola

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

Likkende_Lassie

Doe eens wat aan je ondertitel

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?

zaterdag 14 maart 2009 @ 14:31:24 #13

SuperRembo

Sinds 1998

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]);
   }
}

vrijdag 20 maart 2009 @ 23:21:01 #14

Chandler

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

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...

zaterdag 21 maart 2009 @ 00:22:01 #15

Light

Waarom zou je 127.0.0.30 willen gebruiken?

fokstok.nl

zaterdag 21 maart 2009 @ 11:22:36 #16

WyriHaximus

Release the hounds smithers!

Idd wat is er mis met 127.0.0.1

phluphy for president!

zaterdag 21 maart 2009 @ 16:18:18 #17

Chandler

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

WyriHaximus

Release the hounds smithers!

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!

zaterdag 21 maart 2009 @ 17:17:00 #19

Chandler

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...

zondag 22 maart 2009 @ 17:30:07 #20

daReaper

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

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

wobbel

Da WoBBeL King

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

Hosted VoIP SIP trunks Vast mobiel VoIP

maandag 23 maart 2009 @ 16:52:02 #22

Chandler

#CheckInForm? ipv CheckInForm?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 25 maart 2009 @ 16:54:01 #23

Chandler

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...

woensdag 25 maart 2009 @ 18:37:25 #24

SuperRembo

Sinds 1998

Wat doe je dat weer lekker onleesbaar, onhandig en inefficient

donderdag 26 maart 2009 @ 07:43:37 #25

Chandler

Kan het nog mooier dan?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 26 maart 2009 @ 09:10:19 #26

SuperRembo

Sinds 1998

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.

donderdag 26 maart 2009 @ 10:21:22 #27

Chandler

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

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...

donderdag 26 maart 2009 @ 10:54:24 #28

SuperRembo

Sinds 1998

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).

donderdag 26 maart 2009 @ 10:58:09 #29

Chandler

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...

woensdag 1 april 2009 @ 13:21:03 #30

Chandler

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...

woensdag 1 april 2009 @ 13:37:39 #31

SuperRembo

Sinds 1998

Dat is een IE-only oplossing. Dus voor een goed werkende oplossign moet je nog even verder googelen.

woensdag 1 april 2009 @ 14:06:19 #32

Chandler

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...

zaterdag 18 april 2009 @ 13:51:40 #33

Chandler

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...

zondag 19 april 2009 @ 00:31:45 #34

SuperRembo

Sinds 1998

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'.}

zondag 19 april 2009 @ 10:29:57 #35

Chandler

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...

zondag 19 april 2009 @ 11:30:08 #36

Light

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.

fokstok.nl

maandag 20 april 2009 @ 11:15:47 #37

Chandler

juist ja, maar nu heb ik geprobeerd om zo

1	c.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...

maandag 20 april 2009 @ 11:33:31 #38

daReaper

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^

dinsdag 21 april 2009 @ 13:47:36 #39

Ericjuh

BLUB!

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

woensdag 22 april 2009 @ 08:32:39 #40

Chandler

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...

woensdag 22 april 2009 @ 15:18:49 #41

Nashje

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?

woensdag 22 april 2009 @ 15:48:04 #42

Nashje

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

woensdag 22 april 2009 @ 15:51:56 #43

Darkomen

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

[ Bericht 2% gewijzigd door Darkomen op 22-04-2009 16:10:57 ]

woensdag 22 april 2009 @ 18:25:21 #44

Ericjuh

BLUB!

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

donderdag 23 april 2009 @ 14:29:47 #45

jeroen2497

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?

vrijdag 24 april 2009 @ 08:54:26 #46

Nashje

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.

vrijdag 24 april 2009 @ 09:10:22 #47

HuHu

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.

vrijdag 24 april 2009 @ 09:27:26 #48

easyphp

tvp

woensdag 24 juni 2009 @ 14:13:37 #49

Likkende_Lassie

Doe eens wat aan je ondertitel

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);
      }
  }

woensdag 24 juni 2009 @ 14:15:15 #50

HuHu

Je moet dus bij het opnieuw indrukken van een toets de reeds lopende timer stoppen.

woensdag 24 juni 2009 @ 14:27:55 #51

Likkende_Lassie

Doe eens wat aan je ondertitel

Inderdaad, en dat had ik als volgt gedaan, echter zonder succes:

1
2
3
4
5
6
7
8
9
10
11

woensdag 24 juni 2009 @ 17:27:50 #52

Likkende_Lassie

Doe eens wat aan je ondertitel

Nu echt veel op google gezocht ,maar nergens een passende oplossing gevonden!

woensdag 24 juni 2009 @ 18:24:43 #53

ralfie

!Yvan eht nioj

declareer var t eens buiten je functie

woensdag 24 juni 2009 @ 18:43:45 #54

Likkende_Lassie

Doe eens wat aan je ondertitel

Ralf, bedankt!
Daar zat de fout nog

woensdag 24 juni 2009 @ 18:45:36 #55

Likkende_Lassie

Doe eens wat aan je ondertitel

Overigens lijkt firefox het niet te doen ?

donderdag 25 juni 2009 @ 09:48:01 #56

Darkomen

Nee, je code is idd alleen ie only "document.getElementById("id_van_de_inputbox").value" gebruiken.

donderdag 25 juni 2009 @ 12:16:26 #57

Likkende_Lassie

Doe eens wat aan je ondertitel

Hmm, het volgende werkt nog niet:

1
2
3
4
5
6
7
8
9
10
11

var t;
     function validate (form) {
      //var search = form.q.value;
      var search = document.getElementById("q").value;
      if (t){
         clearTimeout(t);
      }
      if (search.length > 0){
         alert(search);
      }
   }

in firefox dan :)

donderdag 25 juni 2009 @ 12:44:28 #58

Darkomen

Post alles eens, javascript en het formulier er ook es bij, of een online link via pm
FF geeft namelijk een mooie duidelijke melding in de javascript console

donderdag 25 juni 2009 @ 13:11:08 #59

Likkende_Lassie

Doe eens wat aan je ondertitel

Ik heb heb nu helemaal gestript, en in een apart html bestand gezet. Werkt nog niet in FF!

1
2
3
4
5
6
7
8
9
10
11
12

Of is het FF die blijft hangen op onkeyup...

donderdag 25 juni 2009 @ 13:14:28 #60

HuHu

Waar is het id op je input-veld dan?

donderdag 25 juni 2009 @ 13:15:53 #61

Likkende_Lassie

Doe eens wat aan je ondertitel

Poeeeee wat stom

nouja, ook weer opgelost haha, dat doe ik in elk geval nooit meer

donderdag 25 juni 2009 @ 14:00:34 #62

Darkomen

lol

vrijdag 26 juni 2009 @ 11:28:03 #63

DaFrenk

Grmbl, ik hoop dat jullie even wat verse input kunnen geven, want ik heb me er blind op gestaard en snap niet waarom zoiets eenvoudigs niet werkt.

Here's the deal:

Een loopje:

1
2
3
4
5
6
7
8
9
10
11

for(var i = 1; i <= <?=$NUMBER_OF_PRODUCTS;?>; i++)
{
   if(i == keuze)
   {
      document.getElementById("_step_3_product_"+keuze).style.display = '';
   }
   else
   {
      document.getElementById("_step_3_product_"+keuze).style.display = 'none';
   }
}

Dit staat in een functie die dus de variabele keuze meegestuurd krijgt. Dit is afkomstig van een radiobutton via this.value.

Wat hij dus moet doen is alle elementen met ID "_step_3_product_i" die niet voldoen aan keuze onzichtbaar maken, en die gekozen is wel zichtbaar maken. Ik heb dit al eens eerder toegepast bij tabbladen + content, en daar werkt het prima.

Het vreemde is dat wat hij wél doet is het laatste element weergeven, dus in dit geval 4, want er zijn 4 producten.

Any ideas?

Michael Scott: If I were joking, you'd be laughing. Do you look like you're laughing?
Dwight K. Schrute: Impossible to say. I can't see myself.

vrijdag 26 juni 2009 @ 11:31:11 #64

HuHu

Je moet in je for de variabele i gebruiken in je getElementById.

vrijdag 26 juni 2009 @ 11:34:48 #65

DaFrenk

quote:
Op vrijdag 26 juni 2009 11:31 schreef HuHu het volgende:
Je moet in je for de variabele i gebruiken in je getElementById.

D'oh!

En daar kijk ik dan volledig overheen, thanks!

Michael Scott: If I were joking, you'd be laughing. Do you look like you're laughing?
Dwight K. Schrute: Impossible to say. I can't see myself.

vrijdag 3 juli 2009 @ 15:28:33 #66

poepeneesje

bR33Z4h

Ik ben al een tijdje bezig (met JSON). Maar het wil maar niet lukken. Ik heb het volgende (PHP en Javascript).

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<?php
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Content-type: text/javascript");

include "../database/mysql-database-connect.php";

$select = "   SELECT * FROM tblCompany";
$result = mysql_query($select) or die (mysql_error());

while($request = mysql_fetch_array($result))
{
   $name = $name . ', "' . $request["Name"] . '"';
   $rate = $rate . ', "' . $request["Rate_1"] . '"';
   $percentage = $percentage . ', "' . number_format(($request["Rate_1"] * 100 / $request["Rate_2"]) - 100, 2, ",", ".") . '"';
}

$JavascriptStr = '{"name" : [' . substr($name, 2) . '], "rate" : [' . substr($rate, 2) . '], "percentage" : [' . substr($percentage, 2) . ']}';

include "../database/mysql-database-disconnect.php";

$JsonStr = json_encode($JavascriptStr);

echo $JsonStr;
?>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

Regel 11 van het tweede code stukje zou het toch moeten doen? Maar hij toont niets.

Aan dit bericht kunnen geen rechten worden ontleend.

vrijdag 3 juli 2009 @ 16:45:53 #67

Darkomen

ALs je zegt alert(JsonStr);
JKrijg je dan wat?
zo ja, ga je verder kijken.

zaterdag 4 juli 2009 @ 13:25:18 #68

poepeneesje

bR33Z4h

Uiteraard heb ik dat al geprobeerd.

Ik krijg dan het volgende object met daarin verschillende arrays die ik in code-voorbeeld 1 heb opgebouwd:

1
2
3
4
5

{
"name" : ["AEX", "AEGON", "Ahold, Kon", "Air-France/KLM", "Akzo Nobel", "ArcelorMittal", "ASML Holding", "BAM Groep, kon", "Boskalis Westminster, kon", "Corio", "DSM, kon", "Fugro", "Heiniken", "ING groep", "KPN, kon", "Philips, kon", "Randstad", "Reed Elsevier", "Royal Dutch Shell", "SBM Offshore", "TNT", "Tom Tom", "Unibail-Rodamco", "Unilever Cert", "WereldHave", "Wolters Kluwer"],
"rate" : ["647.36", "145.63", "492.16", "79.82", "142.54", "312.93", "411.01", "581.65", "209.6", "679.52", "816.04", "293.05", "556.03", "86.53", "200.88", "252.07", "140.39", "1068.3", "530.5", "66.11", "315.68", "264.24", "91.61", "600.76", "350.92", "901.84"],
"percentage" : ["-1,36", "1,05", "0,15", "6,78", "1,24", "0,99", "0,50", "-1,25", "3,26", "-1,42", "-0,94", "2,34", "0,46", "2,77", "1,58", "0,67", "-2,50", "0,83", "-0,63", "3,02", "1,63", "3,50", "5,37", "0,31", "-1,29", "-0,86"]
}

Ik was er zelf al achter dat het probleem zich voordoet na de JSON.parse(). Het parsen doet hij nog goed, de data uit de array halen na en voor het parsen wil beide niet lukken. Iemand enig idee? Want als ik de array er "hard" erin zet dan kan hij wel de waardes uit de array halen.

Aan dit bericht kunnen geen rechten worden ontleend.

FOK!-Schrikkelbaas dinsdag 7 juli 2009 @ 16:49:25 #69

Swetsenegger

Egocentrische Narcist

Korte vraag. Ik heb een formulier voor een poll. Maar niet elke poll heeft evenveel vragen. Dus ik heb een simpel javascript functie geschreven die extra input's toevoegt.

html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
      <table>
         <tr>
            <td>Vraag : </td><td><input type="text" name="question" id="question" size="75" /></td>
         </tr>
         <tr>
            <td>Antwoord 1 : </td><td><input type="text" name="answer[]" /></td>
         </tr>
         <tr>
            <td>Antwoord 2 : </td><td><input type="text" name="answer[]" /></td>
         </tr>
      </table>
      <table id="extra_answers"></table>
      <p style="text-align:right;" id="add_question">[<span onclick="add_question(3);">+</span>]</p>
      <p><input type="submit" name="submit" value="Maak poll aan" /></p>
   </form>

javascript

1
2
3
4

function add_question

{
document.getElementById('extra_answers').innerHTML += '<tr><td>Antwoord ' +i+' : </td><td><input type="text" name="answer[]" /></td></tr>';
document.getElementById('add_question').innerHTML = '[<span onclick="add_question(' + (i+1) + ');">+</span>]';
}

2 problemen en 1 wens.

1 het werkt niet in IE7 en IE8 :?
2. zodra ik op het plusje klik zijn alle values die ik bij de eerder aangemaakt extra inputs heb ingevuld weg.

De wens is het plusje achter de laatste vraag ipv eronder. Maar als ik een nieuw vraag aanmaak, moet hij dus uit de een na laatste gedelete worden.

iemand een idee hoe ik vooral 2. kan oplossen? Of moet ik toch gaan dneken aan met ene foreach eerst alle values te gaan uitlezen en die vervolgens na het aanmaken van de nieuwe input weer terug te zetten?

 | FOK! Schrikkelbaasch

dinsdag 7 juli 2009 @ 18:49:31 #70

doppendoosch

Volgens mij ondersteunt IE geen InnerHTML in tables, DOM gebruiken dus!

—o—

FOK!-Schrikkelbaas dinsdag 7 juli 2009 @ 19:17:12 #71

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 7 juli 2009 18:49 schreef doppendoosch het volgende:
Volgens mij ondersteunt IE geen InnerHTML in tables, DOM gebruiken dus!

nodes dus....
Maar dan heb ik volgens mij nog steeds het probleem dat de ingevulde values verdwijnen als ik een nieuwe row toevoeg?

 | FOK! Schrikkelbaasch

dinsdag 7 juli 2009 @ 19:27:25 #72

doppendoosch

Euh dat weet ik niet. Is dat ook browser-afhankelijk of een algemeen probleem?

Maar als je met DOM modifications werkt, wordt het sowieso hele andere koek dus zou dat ook wel eens anders kunnen zijn....

—o—

FOK!-Schrikkelbaas dinsdag 7 juli 2009 @ 20:03:28 #73

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 7 juli 2009 19:27 schreef doppendoosch het volgende:
Euh dat weet ik niet. Is dat ook browser-afhankelijk of een algemeen probleem?

Maar als je met DOM modifications werkt, wordt het sowieso hele andere koek dus zou dat ook wel eens anders kunnen zijn....

Algemeen. Maar ik ga wel even in de DOM manier duiken

 | FOK! Schrikkelbaasch

donderdag 16 juli 2009 @ 12:39:06 #74

Darkomen

Hallo, hopelijk kunnen jullie met me meedenken.

Ik heb iets van een dynamische image map nodig.

De gebruiker moet dmv een klik op verschillende icoontjes, en het liefst ook verslepen van die icoontjes dingen aangeven op een map.
Die icoontjes kunnen meerdere keren voorkomen.

Het mogen ook verschillend gekleurde stippen zijn wat mij betreft.

nadeel, ik ga dit niet zelf kunnen schrijven in javascript dus ik hoop op een kant en klare applicatie.

Coordinaten opvragen op een img heb ik gevonden.

http://www.emanueleferona(...)tes-with-javascript/

Misschien dat ik dit ermee kan combineren, maar een kant en klaar script is nog steeds gewenst :p
http://www.devsource.com/(...)ows-with-JavaScript/

[ Bericht 17% gewijzigd door Darkomen op 16-07-2009 13:11:23 ]

vrijdag 17 juli 2009 @ 17:05:55 #75

Darkomen

Niet meer nodig, ik heb zelf een functie geschreven in combindatie met de coordinaten opvragen.

Ik kan nu verschillende icoonen toevoegen op de image, opslaan in de db en weer verwijderen indien nodig

maandag 20 juli 2009 @ 15:25:33 #76

Darkomen

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

Een nieuw probleempje, via de bovenstaande codes krijg ik 'undefined' terug, maar 'alert(xmlHttp.responseText); geeft wel gewoon de id, in dit geval staat er in something.php alleen 1.
Ook als ik zeg 'return 1;' blijft hij 'undefined' geven

wat zie ik over het hoofd?

maandag 20 juli 2009 @ 16:59:38 #77

doppendoosch

quote:
Op maandag 20 juli 2009 @ 15:25 schreef Darkomen het volgende:

wat zie ik over het hoofd?

De debugger?

—o—

maandag 20 juli 2009 @ 17:40:53 #78

SuperRembo

Sinds 1998

1. SendRequest() returnt geen waarde
2. xmlHttp.onreadystatechange= function () { if (if (xmlHttp.readyState==4) {...} } wordt uitgevoerd op het moment dat de ajax request terugkeert. Dat kan enige tijd duren.
3. alert(id) wordt uitgevoerd direct na SendRequest(), dus voor dat er iets is teruggestuurd.

maandag 20 juli 2009 @ 20:04:22 #79

Darkomen

Toch raar, als ik something.php alert('1'); laat uitspugen, en eval(xmlHttp.responseText); doe dan krijg ik gelijk een antwoord.

doppendoosch, hier komt geen fout bij.
Ik gebruik ff met webdeveloper->error console

maandag 20 juli 2009 @ 20:33:32 #80

SuperRembo

Sinds 1998

"gelijk" kan toch een paar milliseconden duren. Zat tijd dus om die alert(id) uit te voeren.
En op jouw testsysteem kan het wel snel gaan, maar die garantie heb je niet als het echt op het web draait.

maandag 20 juli 2009 @ 20:56:52 #81

Darkomen

Daar heb je een goede, eens anders gaan oplossen dan.

dinsdag 28 juli 2009 @ 14:11:34 #82

Chandler

Ik zit met een vraagje, voor een klein projectje wil ik een tekst vanuit een tekstarea lezen en in een span zetten, daarna wil ik deze tekst herschrijven met sifr. Dit alles is gelukt, echter lukt het mij niet om de tekst te positioneren oftewel links, midden, rechts.. heeft iemand een idee wat ik fout doe?

voorbeeld:
http://www.bruggema.nl/voorbeeld

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 28 juli 2009 @ 14:22:00 #83

Darkomen

Raar, jouw code lijkt me prima.

Neem aan dat het wel zonder sfir werkt?
Getest, werkt idd.

Ik heb het idee dat het met de sIFR.useStyleCheck = true te maken heeft.

dinsdag 28 juli 2009 @ 14:36:31 #84

Chandler

geen idee, maar daarvoor werkte het helaas ook niet. En als ik in de CSS zelf een text-align: center zet is de tekst in het beginne gecentreerd maar daarna niet meer, ongeacht welke keuze ik maak!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 28 juli 2009 @ 14:44:02 #85

Darkomen

Als je die span nu eens niet via javascript opbouwt maar alleen de inhoud en de css aanpast

textAlign ipv text-align gebruiken.

dinsdag 28 juli 2009 @ 14:50:59 #86

Chandler

had ik ook geprobeerd in de eerste opzet, maar dat werkte helaas niet. grrr

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 28 juli 2009 @ 15:06:36 #87

Darkomen

Iets wat ik gebruik bij het deven is het element een 1px border mee geven.
Misschien dat sfir de span verkleint naar de lengte van de text of zo.

Als dat het niet is heb ik echt geen idee

dinsdag 28 juli 2009 @ 15:13:04 #88

HuHu

quote:
Op dinsdag 28 juli 2009 14:11 schreef Chandler het volgende:
Ik zit met een vraagje, voor een klein projectje wil ik een tekst vanuit een tekstarea lezen en in een span zetten, daarna wil ik deze tekst herschrijven met sifr. Dit alles is gelukt, echter lukt het mij niet om de tekst te positioneren oftewel links, midden, rechts.. heeft iemand een idee wat ik fout doe?

voorbeeld:
http://www.bruggema.nl/voorbeeld

In je sIFR selector moet je hem ook nog centreren:

1	selector: '#home', css: ['.sIFR-root { text-align:center; font-size:24px; color:#00aeef; }']

Zo bijvoorbeeld.

dinsdag 28 juli 2009 @ 15:15:51 #90

Darkomen

Klinkt logisch

dinsdag 28 juli 2009 @ 15:59:35 #91

Chandler

Idd, ik had al zo iets verwacht maar hoe kan ik die selector on the fly veranderen middels javascript?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 28 juli 2009 @ 19:02:59 #92

Darkomen

op de zelfde manier als je je font type lijkt me?

woensdag 29 juli 2009 @ 07:31:06 #93

Chandler

Dat is dus het probleem dat snap ik niet

Want het gebruikt json (ofzo) en weet dus niet hoe ik aan de 'var' de selector kan toevoegen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 29 juli 2009 @ 08:04:24 #94

HuHu

quote:
Op woensdag 29 juli 2009 07:31 schreef Chandler het volgende:
Dat is dus het probleem dat snap ik niet

Want het gebruikt json (ofzo) en weet dus niet hoe ik aan de 'var' de selector kan toevoegen

Dit:

1	sIFR.replace(test, { selector: 'span' } );

Wordt:

1	sIFR.replace(test, { selector: 'span', css: ['.sIFR-root { text-align:center; }'] } );

woensdag 29 juli 2009 @ 14:54:14 #95

Likkende_Lassie

Doe eens wat aan je ondertitel

Ok dit snap ik echt niet :?

1	<a href="#" onmouseover="alert('this is in a \'a\'');">MOUSE OVER ME (a)!</a>

Als ik er met mijn muis overheen ga, dan krijg ik 2 x de alert te zien :? , heb dit in chrome en firefox getest.

woensdag 29 juli 2009 @ 15:14:12 #96

Chandler

quote:
Op woensdag 29 juli 2009 08:04 schreef HuHu het volgende:
Dit:
[ code verwijderd ]

Wordt:
[ code verwijderd ]

Ok, maar nu wil ik dus de positionering 'variabel' hebben en deze on the fly kunnen aanpassen? ik heb het volgende al geprobeerd maar dat werkte helaas niet.

1	sIFR.replace(test, { css: ['.sIFR-root { text-align: ' + textPosition + '; } });

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 30 juli 2009 @ 12:23:10 #97

Likkende_Lassie

Doe eens wat aan je ondertitel

schopje voor Chandler & mij!

donderdag 30 juli 2009 @ 12:43:27 #98

Darkomen

Likkende_Lassie , ik heb zowel in firefox(3.0.11) als chrome het probleem niet.

donderdag 30 juli 2009 @ 13:09:21 #99

Chandler

quote:
Op donderdag 30 juli 2009 12:23 schreef Likkende_Lassie het volgende:
schopje voor Chandler & mij!

wat liev

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 30 juli 2009 @ 13:11:51 #100

Likkende_Lassie

Doe eens wat aan je ondertitel

quote:
Op donderdag 30 juli 2009 12:43 schreef Darkomen het volgende:
Likkende_Lassie , ik heb zowel in firefox(3.0.11) als chrome het probleem niet.

Gek! Ik hier wel, ook op andere pagina's zoals http://www.javascriptcity.com/scripts/alerts/salert1.htm
Ik draai wel windows 7, maar dat zou toch niet mogen uitmaken zou je denken...
Alhoewel firefox het nu wel weer goed doet... ik snap hier echt niets van...

[ Bericht 6% gewijzigd door Likkende_Lassie op 30-07-2009 13:17:17 ]

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

» digital corner

» development

» digital corner

» development