[Javascript] voor dummies (deel 9)

FOK!forum / Digital Corner / [Javascript] voor dummies (deel 9)

poepeneesje

zaterdag 7 maart 2009 @ 12:33

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}

PiRANiA

zaterdag 7 maart 2009 @ 12:34

poepeneesje

zaterdag 7 maart 2009 @ 12:37

quote:
Op zaterdag 7 maart 2009 12:34 schreef PiRANiA het volgende:

Misschien weet jij het antwoord op mijn vraag (gequote in de OP).

piano_

zaterdag 7 maart 2009 @ 12:53

tvp

SuperRembo

zaterdag 7 maart 2009 @ 16:51

1
2
3
4
5

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

1	onclick="removeElement('tvp')"

Flepke

maandag 9 maart 2009 @ 20:37

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?

YOZ86

dinsdag 10 maart 2009 @ 09:58

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

Likkende_Lassie

dinsdag 10 maart 2009 @ 11:36

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!

Likkende_Lassie

donderdag 12 maart 2009 @ 16:35

't is stil hier!

SuperRembo

donderdag 12 maart 2009 @ 21:07

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.

Feola

vrijdag 13 maart 2009 @ 11:23

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.

Likkende_Lassie

vrijdag 13 maart 2009 @ 22:59

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?

SuperRembo

zaterdag 14 maart 2009 @ 14:31

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

Chandler

vrijdag 20 maart 2009 @ 23:21

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 src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjaGYVLt_6aIgQ3_DyJpHgRQDdrEchiyrLmzV4Lyqaurkd2gZnBS6RD4u_vdDterjiHsQrZeNRIEjnA"

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

Light

zaterdag 21 maart 2009 @ 00:22

Waarom zou je 127.0.0.30 willen gebruiken?

WyriHaximus

zaterdag 21 maart 2009 @ 11:22

Idd wat is er mis met 127.0.0.1

Chandler

zaterdag 21 maart 2009 @ 16:18

Niets opzich maar voor ieder domein gebruik ik een appart ip adres, houdt het lekker gemakkelijk.

Maar goed, iemand een oplossing voor mijn probleem?

WyriHaximus

zaterdag 21 maart 2009 @ 17:05

Heb je nog google ads op die pagina staan?

Ow btw wat is de wiki pagina voor deze op dan fix ik hem ff

Chandler

zaterdag 21 maart 2009 @ 17:17

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?

daReaper

zondag 22 maart 2009 @ 17:30

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 ]

wobbel

maandag 23 maart 2009 @ 13:45

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

Chandler

maandag 23 maart 2009 @ 16:52

#CheckInForm? ipv CheckInForm?

Chandler

woensdag 25 maart 2009 @ 16:54

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

SuperRembo

woensdag 25 maart 2009 @ 18:37

Wat doe je dat weer lekker onleesbaar, onhandig en inefficient

Chandler

donderdag 26 maart 2009 @ 07:43

Kan het nog mooier dan?

SuperRembo

donderdag 26 maart 2009 @ 09:10

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.

Chandler

donderdag 26 maart 2009 @ 10:21

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 :{

SuperRembo

donderdag 26 maart 2009 @ 10:54

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

Chandler

donderdag 26 maart 2009 @ 10:58

Ah, daar zit het verschil dus in! tnx weer wat geleerd!

Chandler

woensdag 1 april 2009 @ 13:21

~~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);'>

SuperRembo

woensdag 1 april 2009 @ 13:37

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

Chandler

woensdag 1 april 2009 @ 14:06

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

Chandler

zaterdag 18 april 2009 @ 13:51

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?

SuperRembo

zondag 19 april 2009 @ 00:31

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

Chandler

zondag 19 april 2009 @ 10:29

Oeh, hoe kan ik dit volgens jou oplossen dan? ik dacht dat de height propertie alleen maar een 'nummeriek' getal bevatte

Light

zondag 19 april 2009 @ 11:30

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.

Chandler

maandag 20 april 2009 @ 11:15

juist ja, maar nu heb ik geprobeerd om zo

1	c.style.height = '200px'

aan te passen, maar dat werkte ook niet :{

daReaper

maandag 20 april 2009 @ 11:33

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"?

Ericjuh

dinsdag 21 april 2009 @ 13:47

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
<advanced search textfield>

---------------------------------------------------

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

Chandler

woensdag 22 april 2009 @ 08:32

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!

Nashje

woensdag 22 april 2009 @ 15:18

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?

Nashje

woensdag 22 april 2009 @ 15:48

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

Darkomen

woensdag 22 april 2009 @ 15:51

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
<advanced search textfield>
---------------------------------------------------

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 ]

Ericjuh

woensdag 22 april 2009 @ 18:25

quote:
Op woensdag 22 april 2009 15:51 schreef Darkomen het volgende:

[..]

Is niet zo moeilijk
[ code verwijderd ]

ahh bedankt! precies wat ik zocht!

jeroen2497

donderdag 23 april 2009 @ 14:29

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?

Nashje

vrijdag 24 april 2009 @ 08:54

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.

HuHu

vrijdag 24 april 2009 @ 09:10

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.

easyphp

vrijdag 24 april 2009 @ 09:27

tvp

Likkende_Lassie

woensdag 24 juni 2009 @ 14:13

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

HuHu

woensdag 24 juni 2009 @ 14:15

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

Likkende_Lassie

woensdag 24 juni 2009 @ 14:27

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

1
2
3
4
5
6
7
8
9
10
11

Likkende_Lassie

woensdag 24 juni 2009 @ 17:27

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

ralfie

woensdag 24 juni 2009 @ 18:24

declareer var t eens buiten je functie

Likkende_Lassie

woensdag 24 juni 2009 @ 18:43

Ralf, bedankt!
Daar zat de fout nog

Likkende_Lassie

woensdag 24 juni 2009 @ 18:45

Overigens lijkt firefox het niet te doen ?

Darkomen

donderdag 25 juni 2009 @ 09:48

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

Likkende_Lassie

donderdag 25 juni 2009 @ 12:16

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

Darkomen

donderdag 25 juni 2009 @ 12:44

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

Likkende_Lassie

donderdag 25 juni 2009 @ 13:11

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

HuHu

donderdag 25 juni 2009 @ 13:14

Waar is het id op je input-veld dan?

Likkende_Lassie

donderdag 25 juni 2009 @ 13:15

Poeeeee wat stom

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

Darkomen

donderdag 25 juni 2009 @ 14:00

lol

DaFrenk

vrijdag 26 juni 2009 @ 11:28

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?

HuHu

vrijdag 26 juni 2009 @ 11:31

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

DaFrenk

vrijdag 26 juni 2009 @ 11:34

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!

poepeneesje

vrijdag 3 juli 2009 @ 15:28

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.

Darkomen

vrijdag 3 juli 2009 @ 16:45

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

poepeneesje

zaterdag 4 juli 2009 @ 13:25

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.

Swetsenegger

dinsdag 7 juli 2009 @ 16:49

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?

doppendoosch

dinsdag 7 juli 2009 @ 18:49

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

Swetsenegger

dinsdag 7 juli 2009 @ 19:17

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?

doppendoosch

dinsdag 7 juli 2009 @ 19:27

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

Swetsenegger

dinsdag 7 juli 2009 @ 20:03

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

Darkomen

donderdag 16 juli 2009 @ 12:39

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 ]

Darkomen

vrijdag 17 juli 2009 @ 17:05

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

Darkomen

maandag 20 juli 2009 @ 15:25

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?

doppendoosch

maandag 20 juli 2009 @ 16:59

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

wat zie ik over het hoofd?

De debugger?

SuperRembo

maandag 20 juli 2009 @ 17:40

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.

Darkomen

maandag 20 juli 2009 @ 20:04

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

SuperRembo

maandag 20 juli 2009 @ 20:33

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

Darkomen

maandag 20 juli 2009 @ 20:56

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

Chandler

dinsdag 28 juli 2009 @ 14:11

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

Darkomen

dinsdag 28 juli 2009 @ 14:22

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.

Chandler

dinsdag 28 juli 2009 @ 14:36

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!

Darkomen

dinsdag 28 juli 2009 @ 14:44

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

textAlign ipv text-align gebruiken.

Chandler

dinsdag 28 juli 2009 @ 14:50

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

Darkomen

dinsdag 28 juli 2009 @ 15:06

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

HuHu

dinsdag 28 juli 2009 @ 15:13

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.

#ANONIEM

dinsdag 28 juli 2009 @ 15:15

tvp.

Darkomen

dinsdag 28 juli 2009 @ 15:15

Klinkt logisch

Chandler

dinsdag 28 juli 2009 @ 15:59

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

Darkomen

dinsdag 28 juli 2009 @ 19:02

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

Chandler

woensdag 29 juli 2009 @ 07:31

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

HuHu

woensdag 29 juli 2009 @ 08:04

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

Likkende_Lassie

woensdag 29 juli 2009 @ 14:54

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.

Chandler

woensdag 29 juli 2009 @ 15:14

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

Likkende_Lassie

donderdag 30 juli 2009 @ 12:23

schopje voor Chandler & mij!

Darkomen

donderdag 30 juli 2009 @ 12:43

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

Chandler

donderdag 30 juli 2009 @ 13:09

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

wat liev

Likkende_Lassie

donderdag 30 juli 2009 @ 13:11

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 ]

Likkende_Lassie

donderdag 30 juli 2009 @ 13:12

quote:
Op donderdag 30 juli 2009 13:09 schreef Chandler het volgende:

[..]

wat liev

Chandler

donderdag 30 juli 2009 @ 15:48

Maar nog steeds weet ik niet hoe ik die selector verander

ik doe ws iet goed fout

HuHu

donderdag 30 juli 2009 @ 15:49

Wat is de waarde van die string, klopt die wel?

Chandler

donderdag 30 juli 2009 @ 22:01

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.

Likkende_Lassie

zaterdag 1 augustus 2009 @ 14:18

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?

HuHu

zaterdag 1 augustus 2009 @ 14:23

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

Likkende_Lassie

zaterdag 1 augustus 2009 @ 14:38

Thanks

is me idd gelukt.

Likkende_Lassie

dinsdag 4 augustus 2009 @ 10:50

is het mogelijk om te zien op welk element je staat met je muis?

nightfall

dinsdag 4 augustus 2009 @ 21:51

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

Light

dinsdag 4 augustus 2009 @ 23:13

Dat heet een lightbox.

Chandler

woensdag 5 augustus 2009 @ 13:16

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?

HuHu

woensdag 5 augustus 2009 @ 13:30

Haal alle newlines er eens uit en zet alles op één regel.

Chandler

woensdag 5 augustus 2009 @ 15:14

Helemaal!

Darkomen

woensdag 5 augustus 2009 @ 15:49

javascript 101, zou jij toch wel moeten kennen

nightfall

woensdag 5 augustus 2009 @ 21:27

quote:
Op dinsdag 4 augustus 2009 23:13 schreef Light het volgende:
Dat heet een lightbox.

thanks

Chandler

donderdag 6 augustus 2009 @ 07:15

quote:
Op woensdag 5 augustus 2009 15:49 schreef Darkomen het volgende:
javascript 101, zou jij toch wel moeten kennen

Nee, url?

Tuvai.net

maandag 17 augustus 2009 @ 10:46

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.

Likkende_Lassie

maandag 17 augustus 2009 @ 12:10

Kan je met de tabindex doen

Tuvai.net

maandag 17 augustus 2009 @ 12:41

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 ]

Tuvai.net

maandag 17 augustus 2009 @ 12:59

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.

Light

maandag 17 augustus 2009 @ 13:07

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.

Tuvai.net

maandag 17 augustus 2009 @ 13:37

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

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

Tuvai.net

maandag 17 augustus 2009 @ 15:19

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

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

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

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 ]

Chandler

maandag 17 augustus 2009 @ 15:25

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?

uppie83

maandag 24 augustus 2009 @ 13:28

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

Alleen nu moet ik time-based dingen gaan invoegen en weet ik echt niet meer waar ik het moet zoeken.

Darkomen

maandag 24 augustus 2009 @ 14:04

setTimeout(deFunctie(),3000); //functie uitvoeren om de 3 seconden

uppie83

maandag 24 augustus 2009 @ 15:30

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.

Darkomen

maandag 24 augustus 2009 @ 15:44

de array doorgeven

Of in een cookie proppen
Alleen gaat dat een enorme array worden

Darkomen

maandag 7 september 2009 @ 16:57

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

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 ]

ReWout

dinsdag 8 september 2009 @ 08:56

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

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>

Pizzahut

donderdag 10 september 2009 @ 15:57

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.

Light

donderdag 10 september 2009 @ 18:13

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" />

Pizzahut

donderdag 10 september 2009 @ 21:51

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

Light

donderdag 10 september 2009 @ 22:45

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.

HuHu

vrijdag 11 september 2009 @ 08:12

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';

ReWout

woensdag 16 september 2009 @ 14:17

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>

Darkomen

woensdag 16 september 2009 @ 14:32

is het niet row.style.

ReWout

woensdag 16 september 2009 @ 14:36

quote:
Op woensdag 16 september 2009 14:32 schreef Darkomen het volgende:
is het niet row.style.

thanks row.style.backgroundcolor werkt wel ja

uppie83

woensdag 16 september 2009 @ 18:33

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

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

#ANONIEM

donderdag 17 september 2009 @ 11:28

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?

Darkomen

donderdag 17 september 2009 @ 11:50

Dat gaat niet met javascript, hooguit met ajax een directory listing opvragen en bekijken.
maar dat lijkt me niet werkzaam.

Pizzahut

vrijdag 25 september 2009 @ 09:47

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.

SuperRembo

maandag 28 september 2009 @ 08:29

Tja met syntax highlighting erbij zie je het probleem eigenlijk direct...

SPOILER
Het hele javascriptblok wordt waarschijnlijk niet uitgevoerd doordat de language attribute niet is afgesloten.

[ Bericht 54% gewijzigd door SuperRembo op 28-09-2009 09:30:50 ]

klapvee

maandag 28 september 2009 @ 08:43

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?

woopehh

maandag 28 september 2009 @ 14:04

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

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 ]

#ANONIEM

maandag 28 september 2009 @ 15:21

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

klapvee

maandag 28 september 2009 @ 15:40

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

Pizzahut

maandag 28 september 2009 @ 22:51

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.

klapvee

maandag 28 september 2009 @ 23:00

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

wobbel

dinsdag 29 september 2009 @ 10:51

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

#ANONIEM

dinsdag 29 september 2009 @ 12:00

je kan niet automatisch forms submitten.

klapvee

dinsdag 29 september 2009 @ 13:04

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

klapvee

dinsdag 29 september 2009 @ 13:05

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

Pizzahut

woensdag 30 september 2009 @ 11:42

quote:
Op maandag 28 september 2009 23:00 schreef klapvee het volgende:

[..]

in je html staat blok met alleen "k" in je jquery script staat het met block "ck" ;-)

Heb nu dit en werkt ook niet:

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

<?php
<script src="jquery.js" language="javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#klik').click(function() {
        $('#blok').animate({"left":"-=50"});
    });
<img class="rde_img_smiley" src="http://i.fok.nl/s/devilish.gif" width="22" height="19" alt="" />;
</script>
<style type="text/css">
div#blok {
    width:50px;
    height:50px;
    background:#000000;
}
</style>
<a href="#" id="klik">Klik</a>
<div id="blok">
</div>
?>

Lijkt wel of die hele animate gewoon niet werkt...

daReaper

woensdag 30 september 2009 @ 12:58

quote:
Op woensdag 30 september 2009 11:42 schreef Pizzahut het volgende:

[..]

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

Lijkt wel of die hele animate gewoon niet werkt...

Ik heb niet zo'n verstand van JQuery, maar moet dat hekje er wel voor in $('#blok') ?

klapvee

woensdag 30 september 2009 @ 15:39

quote:
Op woensdag 30 september 2009 12:58 schreef daReaper het volgende:

[..]

Ik heb niet zo'n verstand van JQuery, maar moet dat hekje er wel voor in $('#blok') ?

met een "#" geef je een ID aan dus die staat wel goed

klapvee

woensdag 30 september 2009 @ 15:41

quote:
Op woensdag 30 september 2009 11:42 schreef Pizzahut het volgende:

[..]

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

Lijkt wel of die hele animate gewoon niet werkt...

volgens mij mag dit ook niet

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

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

Pizzahut

woensdag 30 september 2009 @ 21:08

quote:
Op woensdag 30 september 2009 15:41 schreef klapvee het volgende:

[..]

volgens mij mag dit ook niet
[ code verwijderd ]

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

Geen foutmelding.

Dit heb ik regelrecht van docs.jquery.com:

1
2
3
4
5
6
7

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

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

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

met die -= en += geef je de richting aan ten opzichte van de left en right.

klapvee

vrijdag 2 oktober 2009 @ 12:06

sorry beetje late reactie pizzahut :-) maar zou je je volledige html eens willen posten .. inc styles e.d. ?

bassiedekloon

maandag 5 oktober 2009 @ 18:50

Hoi allenaal!
ik ben een dummie/hobbyist op het gebied van javascript en ik heb een vraagje

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

Het aangepaste script:

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

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
     $("#responsecontainer").load("this_will_refresh.php?page=index2");
   var refreshId = setInterval(function() {
      $("#responsecontainer").load('this_will_refresh.php?page=index2');
   }, 9000);
;
</script>
</head>
<body>
<div id="responsecontainer">
</div>
</body>
</html>

Het orginele script wat wel in IE werkt:

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

<html>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
     $("#responsecontainer").load("response.php");
   var refreshId = setInterval(function() {
      $("#responsecontainer").load('response.php?randval='+ Math.random());
   }, 9000);
;
</script>
</head>
<body>

<div id="responsecontainer">
</div>
</body>

Roonaan

maandag 5 oktober 2009 @ 18:53

Komt puur door die randval. IE cached de ajax requests ook, waardoor er dus geen call naar de server plaatsvind omdat de url hetzelfde blijft en je waarschijnlijk (nog) geen no-cache headers in je php script eruit gooit.

bassiedekloon

maandag 5 oktober 2009 @ 18:59

Ja ik heb wel "no-cache headers" gebruikt, in de pagina die ververst word en zelfs ook op de pagina waar dat script staat....

1
2
3

Roonaan

maandag 5 oktober 2009 @ 19:18

Nee, php no-cache headers via de header() functie. bedoel ik. Volgens mij hebben die meta's geen zin als je AJAX calls gebruikt.

Waarom heb je sowieso meta tags in je file die herladen wordt? Je wilt toch alleen het kleine stukje html hebben dat in het divje moet komen te staan?

bassiedekloon

maandag 5 oktober 2009 @ 19:22

Omdat de "php no-cache headers via de header() functie." nog niet kende.
En dit kende ik wel dus dacht van laat ik dat eens uitproberen.

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

-UPDATE- YES het is eindelijk gelukt!

[ Bericht 15% gewijzigd door bassiedekloon op 05-10-2009 20:08:39 (-kleine update-) ]

Xcalibur

maandag 12 oktober 2009 @ 15:09

Ik heb een probleem waar ik niks van snap, hoop dat jullie een idee hebben

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

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

Er blijft echter altijd 1 spatie staan, die ik niet te pakken krijg. Het is de eerste van de twee, dus ik vermoed dat het om de harde spatie gaat. Hoe kan ik deze wegkrijgen? Replacen met een regex /s werkt niet.

SuperRembo

maandag 12 oktober 2009 @ 17:48

Stukje voorbeeldcode misschien?

Xcalibur

maandag 12 oktober 2009 @ 19:29

Uh, tsja... ik weet niet of je daar nou veel wijzer van wordt

1
2
3

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

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

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

Replacen doe ik met (onder andere):

1
2
3

str.replace(/\s/g, "");
str.replace(/ /g, "");
str.replace(" ", "");

Light

maandag 12 oktober 2009 @ 19:38

quote:
Op maandag 12 oktober 2009 19:29 schreef Xcalibur het volgende:
Uh, tsja... ik weet niet of je daar nou veel wijzer van wordt
[ code verwijderd ]

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

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

Replacen doe ik met (onder andere):
[ code verwijderd ]

In de weergave is & nbsp; wel een spatie, maar in de code natuurlijk niet. Dan staat er gewoon & nbsp;. En als je dat wilt vervangen, moet je dus ook zoeken op & nbsp; Zoeken op " " pakt alleen spaties (gemaakt door de spatiebalk, niet door andere vage codes) en zoeken op \s pakt whitespace, dat zijn spaties en tabs. & nbsp; is geen whitespace. Dat zijn zes tekens.

Xcalibur

maandag 12 oktober 2009 @ 19:57

In de string staat geen & nbsp; dat is een beetje het hele probleem

Als ik een IndexOf doe op het eerste karakter van het woord, zit die op positie 3.
Er zitten dus 2 tekens voor, waarvan één dus de gewone spatie is.

Skonk

woensdag 14 oktober 2009 @ 14:20

Beste Fok!ers,

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

Dit is de code in "disabledbutton.html":

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>Disabled Button</title>
      <script type="text/javascript" src="js/start.js"></script>
      <script type="text/javascript" src="js/controller/controller.js"></script>
      <script type="text/javascript" src="js/model/model.js"></script>
      <script type="text/javascript" src="js/view/view.js"></script>
   </head>
   <body>

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

   </body>
</html>

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

1
2
3
4
5
6

function Disable() {
document.form1.button1.disabled = true;
}

  var button1 = document.getElementById("ButtonID");
  button1.onclick = alert(button1);

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

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

Kunnen jullie mij misschien hiermee helpen? O+ :@ O+

Light

woensdag 14 oktober 2009 @ 15:08

quote:
Op maandag 12 oktober 2009 19:57 schreef Xcalibur het volgende:
In de string staat geen & nbsp; dat is een beetje het hele probleem

Als ik een IndexOf doe op het eerste karakter van het woord, zit die op positie 3.
Er zitten dus 2 tekens voor, waarvan één dus de gewone spatie is.

Dan zou ik de echte output moeten zien, om verder te kunnen uitzoeken wat er aan de hand is.

Darkomen

woensdag 14 oktober 2009 @ 15:14

@skonk, geen idee wat je bedoeld, maar hiermee disable je een button

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

<html>
<head>
<script type="text/javascript">
function Disable(id) {
document.getElementById(id).disabled = true;
}
</script>
</head>
<body>
<input name="button1" id="ButtonID" type="button" value="Save" onclick="Disable('ButtonID');">
</body>
</html>

Skonk

woensdag 14 oktober 2009 @ 17:09

quote:
Op woensdag 14 oktober 2009 15:14 schreef Darkomen het volgende:
@skonk, geen idee wat je bedoeld, maar hiermee disable je een button
[ code verwijderd ]

Bedankt, maar ik mag (om een of andere reden) geen onclick in HTML gebruiken om het voor elkaar te krijgen.

woopehh

woensdag 14 oktober 2009 @ 18:04

quote:
Op woensdag 14 oktober 2009 14:20 schreef Skonk het volgende:
Beste Fok!ers,

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

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

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

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

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

Kunnen jullie mij misschien hiermee helpen? O+ :@ O+

Lukt het met:

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

?

Zal trouwens niet in de HTML mogen om dezelfde reden dat je geen inline css gebruikt :)

Xcalibur

woensdag 14 oktober 2009 @ 22:15

quote:
Op woensdag 14 oktober 2009 15:08 schreef Light het volgende:

[..]

Dan zou ik de echte output moeten zien, om verder te kunnen uitzoeken wat er aan de hand is.

Mja, in de output zie je dus alleen spaties. Ook als je document.write doet, en in de source kijkt...
Ik heb het voorlopig opgelost door alle nonword characters ( \W ) eruit te filteren, dat werkt wel. Maar nou zit ik weer met leestekens enzo

Skonk

donderdag 15 oktober 2009 @ 09:18

quote:
Op woensdag 14 oktober 2009 18:04 schreef woopehh het volgende:

[..]

Lukt het met:
[ code verwijderd ]

?

Zal trouwens niet in de HTML mogen om dezelfde reden dat je geen inline css gebruikt :)

Nee, helaas nog steeds dezelfde foutmelding:

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

Nog meer ideetjes? :P

Xcalibur

donderdag 15 oktober 2009 @ 10:02

quote:
Op woensdag 14 oktober 2009 22:15 schreef Xcalibur het volgende:

[..]

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

Ik heb em nog een beetje gefinetuned, zodat ie alleen de nonword characters aan het begin van de string eruithaalt :)

1	replace(/^[\W]+/, '');

woopehh

donderdag 15 oktober 2009 @ 10:04

quote:
Op donderdag 15 oktober 2009 09:18 schreef Skonk het volgende:

[..]

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

Nog meer ideetjes?

Heb je het ergens online staan?

Iblis

donderdag 15 oktober 2009 @ 10:10

quote:
Op donderdag 15 oktober 2009 10:02 schreef Xcalibur het volgende:

[..]

Ik heb em nog een beetje gefinetuned, zodat ie alleen de nonword characters aan het begin van de string eruithaalt
[ code verwijderd ]

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

Een   heeft b.v. code 160 decimaal (of A0 hex). De code converteren naar hex en dan in Google intypen levert meestal wel op wat het is, b.v. U+00A0 (altijd aanvullen met 0’en tot 4 cijfers).

daReaper

donderdag 15 oktober 2009 @ 10:12

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

<html>
<head>
<script type="text/javascript">
function Disable(el) {
el.disabled = true;
}
</script>
</head>
<body>
<input name="button1" id="ButtonID" type="button" value="Save" onclick="Disable(this);">
</body>
</html>

Heb je dit al geprobeerd?

woopehh

donderdag 15 oktober 2009 @ 10:14

quote:
Op donderdag 15 oktober 2009 10:12 schreef daReaper het volgende:

[ code verwijderd ]

Heb je dit al geprobeerd?

Hij mag geen onclick gebruiken in de html

Misschien is DOM nog niet klaar? (als de javascript uitgevoerd wordt)

woopehh

donderdag 15 oktober 2009 @ 10:14

Oeps, quote ipv edit

daReaper

donderdag 15 oktober 2009 @ 10:17

quote:
Op donderdag 15 oktober 2009 10:14 schreef woopehh het volgende:

[..]

Hij mag geen onclick gebruiken in de html

Misschien is DOM nog niet klaar? (als de javascript uitgevoerd wordt)

Ohja, dat had ik even gemist

Ik kan me inderdaad zo voorstellen dat de DOM nog niet klaar is. Probeer eens een document.onload te gebruiken.

Light

donderdag 15 oktober 2009 @ 10:18

quote:
Op donderdag 15 oktober 2009 10:14 schreef woopehh het volgende:

Misschien is DOM nog niet klaar? (als de javascript uitgevoerd wordt)

Best mogelijk idd

De simpelste oplossing is dan om de javascriptbestanden naar het eind van de html te verplaatsen, dan zijn de andere elementen in ieder geval bekend bij de browser op het moment dat hij bij de javascript aankomt.

Xcalibur

donderdag 15 oktober 2009 @ 10:41

quote:
Op donderdag 15 oktober 2009 10:10 schreef Iblis het volgende:
\W is toch al een class op zichzelf? M.a.w. hoeft niet binnen []?

Daar zou je wel eens gelijk in kunnen hebben

Maar dit was het resultaat van meer gepruts, en de [] was daar nog een overblijfsel van.

quote:
Op donderdag 15 oktober 2009 10:10 schreef Iblis het volgende:
Wat je spaties probleem betreft: Is je string niet in Unicode? Een non-breakable space kun je natuurlijk coderen als entity ( ) maar kan ook gewoon getypt worden: ‘ ’ en dat ziet er meestal niet anders uit dan een gewone spatie: ‘ ’. Je kunt met JavaScript er echter wel achter komen wat de boosdoener is: gebruik de charCodeAt-method van de string. Dan krijg je de Unicode-waarde terug en kun je opzoeken wat het is.

Goed punt, ga ik proberen

Skonk

donderdag 15 oktober 2009 @ 10:42

quote:
Op donderdag 15 oktober 2009 10:17 schreef daReaper het volgende:

[..]

Ohja, dat had ik even gemist

Ik kan me inderdaad zo voorstellen dat de DOM nog niet klaar is. Probeer eens een document.onload te gebruiken.

Dit werkt wel, maar dan is de button meteen disabled, en dat hoort nou ook weer niet

woopehh

donderdag 15 oktober 2009 @ 11:12

quote:
Op donderdag 15 oktober 2009 10:42 schreef Skonk het volgende:

[..]

Dit werkt wel, maar dan is de button meteen disabled, en dat hoort nou ook weer niet .

Hoe heb je de code nu dan?

Darkomen

donderdag 15 oktober 2009 @ 11:30

Mm da tis wat lastiger, je kan de button via javascript creeren en daar de onclick aan hangen

Dan staat deze niet in je html

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

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

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

[ Bericht 35% gewijzigd door Darkomen op 15-10-2009 11:37:33 ]

Skonk

vrijdag 30 oktober 2009 @ 09:57

quote:
Op donderdag 15 oktober 2009 11:30 schreef Darkomen het volgende:
Mm da tis wat lastiger, je kan de button via javascript creeren en daar de onclick aan hangen :P
Dan staat deze niet in je html :P
[ code verwijderd ]

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

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

Ik heb dit probleem maar even laten zitten met onclick, ik dacht dat fix ik later wel allemaal. (maar toch bedankt!)
Nu ben ik bezig met iets anders, waar ik niet echt een probleem heb, maar gewoon niet weet wat ik moet doen :P.

Dit staat in de view.js:

1
2
3
4

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

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

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

etc.

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

Kan iemand mij dit uitleggen? :s)

SuperRembo

vrijdag 30 oktober 2009 @ 10:50

1	<button onclick="toonSymbool(this)">Air</button>

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

1
2
3
4

function toonSymbool(button)
{
alert(button.innerHTML);
}

Skonk

vrijdag 30 oktober 2009 @ 11:22

quote:
Op vrijdag 30 oktober 2009 10:50 schreef SuperRembo het volgende:

[ code verwijderd ]

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

Het werkt

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

Sorry als dit hele domme vragen zijn

#ANONIEM

vrijdag 30 oktober 2009 @ 11:26

quote:
Op vrijdag 30 oktober 2009 11:22 schreef Skonk het volgende:

[..]

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

Sorry als dit hele domme vragen zijn .

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

En dan weet de functie dus dat die button het is geweest.

Skonk

vrijdag 30 oktober 2009 @ 14:14

quote:
Op vrijdag 30 oktober 2009 11:26 schreef Scorpie het volgende:

[..]

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

En dan weet de functie dus dat die button het is geweest.

Ik denk dat ik het snap.
Alleen nu wil ik in plaats van een alert dat er een afbeelding wordt geladen.
De code is als volgt:

1
2
3
4
5
6
7
8
9

function toonSymbool(button)
{

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

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

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

1
2
3
4
5
6
7
8

function toonSymbool(button)
{

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

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

[ Bericht 24% gewijzigd door Skonk op 30-10-2009 14:41:03 ]

woopehh

vrijdag 30 oktober 2009 @ 14:48

Waarom dan niet gewoon

1	var air = '<img src="img/air.PNG">'

Skonk

vrijdag 30 oktober 2009 @ 14:55

quote:
Op vrijdag 30 oktober 2009 14:48 schreef woopehh het volgende:
Waarom dan niet gewoon
[ code verwijderd ]

Dan doet ie niks.
Vond ik ook al raar.

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

1	"<img src="img/air.PNG">"

en dan doet ie het niet, maar dat lag dus aan de aanhalingstekens?

woopehh

vrijdag 30 oktober 2009 @ 14:58

quote:
Op vrijdag 30 oktober 2009 14:55 schreef Skonk het volgende:

[..]

Dan doet ie niks.
Vond ik ook al raar.

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

en dan doet ie het niet, maar dat lag dus aan de aanhalingstekens?

Ja, dit kan je voorkomen door ze te escapen:

1	"<img src=\"img/air.PNG\">"

Skonk

vrijdag 30 oktober 2009 @ 15:01

quote:
Op vrijdag 30 oktober 2009 14:58 schreef woopehh het volgende:

[..]

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

Oh, weer wat geleerd.

wobbel

zondag 1 november 2009 @ 13:21

Waarom is dit fout?

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

Ik wil ervoor nog Leeftijd hebben staan, maar dat wil zo niet...

dus een tekst voor "tyr-age"

Light

zondag 1 november 2009 @ 13:47

tyr en age zijn variabelen? Misschien dat dan eens tussen haakjes zetten, dus 'Leeftijd ' + (tyr-age);

Skonk

dinsdag 3 november 2009 @ 10:55

Hoe kan je zorgen dat iets wat in een form wordt geschreven ook écht wordt opgeslagen (lokaal)?

Flaccid

dinsdag 3 november 2009 @ 10:58

Ben me aan t verdiepen in jquery, want wil een redelijk dynamische (met sliders en visualiserende divs) site maken.

Ik wil om eens te proberen 5 divs als in een staafgrafiek van lengte te veranderen met verschillende knoppen.

1 knop geeft dus door: staaf1 lengte = 50, staaf2lengte=60, enz.

1
2
3
4
5
6
7
8
9
10

  $(document).ready(function(){
    function ca(end,level){
          $("end").animate({
        height: level + "px",
      }, 500 );
   }
  ;

Met deze button:
<button onclick="ca(#block,150)">» Run</button>

Dat dacht ik op deze manier te doen, en dan een onclick met een button, maar dat werkt dus niet. Kan dit wel op deze manier met jquery, of moet ik het anders aanpakken?

Ik heb het idee als ik voor elke staaf een stuk code moet doen mn js erg groot word.

[ Bericht 7% gewijzigd door Flaccid op 03-11-2009 11:11:16 ]

Darkomen

dinsdag 3 november 2009 @ 11:13

Lokaal? Als in bij de genen die die website ~~beheerd~~ bekijkt of dat een server sides programmeer taal het wegschrijft in een file of een database?

[ Bericht 5% gewijzigd door Darkomen op 03-11-2009 14:49:21 ]

Skonk

dinsdag 3 november 2009 @ 11:22

quote:
Op dinsdag 3 november 2009 11:13 schreef Darkomen het volgende:
Lokaal? Als in bij de genen die die website beheerd of dat een server sides programmeer taal het wegschrijft in een file of een database?

Het is een website die ook gerund moet kunnen worden zonder internet, dus inderdaad dat het in een bestand ofzo wordt opgeslagen.

woopehh

dinsdag 3 november 2009 @ 12:00

quote:
Op dinsdag 3 november 2009 11:22 schreef Skonk het volgende:

[..]

Het is een website die ook gerund moet kunnen worden zonder internet, dus inderdaad dat het in een bestand ofzo wordt opgeslagen.

Denk niet dat dat gaat lukken met alleen javascript

woopehh

dinsdag 3 november 2009 @ 12:06

quote:
Op dinsdag 3 november 2009 10:58 schreef Flaccid het volgende:
Ben me aan t verdiepen in jquery, want wil een redelijk dynamische (met sliders en visualiserende divs) site maken.

Ik wil om eens te proberen 5 divs als in een staafgrafiek van lengte te veranderen met verschillende knoppen.

1 knop geeft dus door: staaf1 lengte = 50, staaf2lengte=60, enz.
[ code verwijderd ]

Dat dacht ik op deze manier te doen, en dan een onclick met een button, maar dat werkt dus niet. Kan dit wel op deze manier met jquery, of moet ik het anders aanpakken?

Ik heb het idee als ik voor elke staaf een stuk code moet doen mn js erg groot word.

Wat krijg je voor error dan? Die #block in het argument van de functie moet sowieso gequote worden trouwens

En probeer het is als de functie niet in de document ready functie staat

Skonk

dinsdag 3 november 2009 @ 12:25

quote:
Op dinsdag 3 november 2009 12:00 schreef woopehh het volgende:

[..]

Denk niet dat dat gaat lukken met alleen javascript

Da's dan een leuke javascript opdracht die we hebben gekregen!

woopehh

dinsdag 3 november 2009 @ 12:37

quote:
Op dinsdag 3 november 2009 12:25 schreef Skonk het volgende:

[..]

Da's dan een leuke javascript opdracht die we hebben gekregen!

Het enige wat ik zou kunnen bedenken is alles naar een cookie schrijven.. maar weet niet of dat de bedoeling is

Light

dinsdag 3 november 2009 @ 12:42

quote:
Op dinsdag 3 november 2009 12:00 schreef woopehh het volgende:

[..]

Denk niet dat dat gaat lukken met alleen javascript

Javascript kan wel bestanden openen en schrijven, dus het moet wel kunnen. Ik heb er verder geen ervaring mee, maar Google laat wel het een en ander zien.

woopehh

dinsdag 3 november 2009 @ 12:58

quote:
Op dinsdag 3 november 2009 12:42 schreef Light het volgende:

[..]

Javascript kan wel bestanden openen en schrijven, dus het moet wel kunnen. Ik heb er verder geen ervaring mee, maar Google laat wel het een en ander zien.

Mijn fout, lokaal lijkt het inderdaad mogelijk te zijn

Skonk

dinsdag 3 november 2009 @ 13:25

quote:
Op dinsdag 3 november 2009 12:37 schreef woopehh het volgende:

[..]

Het enige wat ik zou kunnen bedenken is alles naar een cookie schrijven.. maar weet niet of dat de bedoeling is

Uhm, ja ik weet het niet, het is gewoon voor een paar simpele dingen zoals Naam, Mening, en een gekozen symbool wat daarbij hoort.

woopehh

dinsdag 3 november 2009 @ 14:24

quote:
Op dinsdag 3 november 2009 13:25 schreef Skonk het volgende:

[..]

Uhm, ja ik weet het niet, het is gewoon voor een paar simpele dingen zoals Naam, Mening, en een gekozen symbool wat daarbij hoort.

Ik vind ook alleen maar methodes die gebruik maken van ActiveX om naar een text bestand te schrijven, misschien had Light iets anders gevonden?

Darkomen

dinsdag 3 november 2009 @ 14:51

Ben benieuwt wat je moet leren van die opdracht, ik ben in ruim 12 jaar internetten nog nooit een site tegen gekomen die een bestandje op je lokale pc zet via javascript, anders dan cookies.

Flaccid

dinsdag 3 november 2009 @ 17:04

quote:
Op dinsdag 3 november 2009 12:06 schreef woopehh het volgende:

[..]

Wat krijg je voor error dan? Die #block in het argument van de functie moet sowieso gequote worden trouwens

En probeer het is als de functie niet in de document ready functie staat

Ik weet niet eens waar ik deze errors kan zien.

Tijn

zaterdag 7 november 2009 @ 14:46

Ik heb net de Ajax tutorial van w3schools.com gevolgd. Prima te begrijpen allemaal, maar 1 ding komt niet aan bod: hoe zorg je voor een continue update op je pagina? Ze behandelen alleen het aanroepen van de ajaxfunctie bij bijvoorbeeld onkeyup of onchange. Maar hoe zorg je ervoor dat er bv elke 2 seconde een een ajaxupdate plaats vindt zonder dat dat afhangt van een actie van de gebruiker?

Light

zaterdag 7 november 2009 @ 14:59

Je kunt toch met setTimeout() de ajax-functie aanroepen?

Tijn

zaterdag 7 november 2009 @ 15:09

Maar hoe zorg ik dan dat de ajaxfunctie aangeroepen blijft worden? SetTimeout is toch maar eenmalig?

Light

zaterdag 7 november 2009 @ 17:04

quote:
Op zaterdag 7 november 2009 15:09 schreef Tijn het volgende:
Maar hoe zorg ik dan dat de ajaxfunctie aangeroepen blijft worden? SetTimeout is toch maar eenmalig?

Maar je kunt de functie wel meerdere keren aanroepen:

1
2
3
4
5
6
7
8

xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
  {
  document.myForm.time.value=xmlhttp.responseText;
  setTimeout("ajaxFunction()", 2000); // Nieuwe ronde over twee seconden :)
  }
}

Tijn

zaterdag 7 november 2009 @ 17:32

Ah ja, op zo'n manier

Thnx!

Skonk

dinsdag 10 november 2009 @ 09:48

Zou iemand mij hier kunnen uitleggen hoe ik zonder in de HTML een onClick te gebruiken toch (bijvoorbeeld) een alert naar voren kan laten komen zodra er op een knop wordt gedrukt?

PS: Ik mag ook geen forms gebruiken.

Thanks alvast, ik kom er echt niet uit

Darkomen

dinsdag 10 november 2009 @ 10:36

Waarschijnlijk heb je dezelfde opdracht als iemand eerder in dit topic dus zie de vorige pagina, skonk

Skonk

dinsdag 10 november 2009 @ 10:40

quote:
Op dinsdag 10 november 2009 10:36 schreef Darkomen het volgende:
Waarschijnlijk heb je dezelfde opdracht als iemand eerder in dit topic dus zie de vorige pagina, skonk

Ja, ik had natuurlijk al gecheckt, maar ik kom er niet uit.

Ik heb nu dit:

1
2
3

1
2
3
4

function Disable()
{
document.getElementById("SaveID").onclick = Disable();
}

Maar het werkt niet.
De andere oplossing (het laten maken van de button in Javascript) kan ik ook niet doen, want ik moet het natuurlijk wel snappen en kunnen uitleggen.

[edit] Het moet zeg maar in de view.js zitten, en niet in index.html en zonder form.
[edit2] Ik heb het werkend!

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

1
2
3
4
5
6
7
8
9
10

function Disable1()
{
   document.getElementById("SaveID").onclick = Disable2;
}

function Disable2()
   {
   alert("ja");
  }

[ Bericht 13% gewijzigd door Skonk op 10-11-2009 11:45:03 ]

Darkomen

dinsdag 10 november 2009 @ 13:12

Kijk met een beetje nadenken kom je er wel

ipv
onload="Disable1()"
kan je ook in je view.js onderaan het volgende zetten

window.onload=Disable1;

Skonk

woensdag 11 november 2009 @ 12:19

quote:
Op dinsdag 10 november 2009 13:12 schreef Darkomen het volgende:
Kijk met een beetje nadenken kom je er wel

ipv
onload="Disable1()"
kan je ook in je view.js onderaan het volgende zetten

window.onload=Disable1;

Ja, thanks! Dit is nog mooier natuurlijk.
Ik ben weer even bezig geweest, maar ik heb nu iets waarvan ik geen idee heb hoe ik het moet maken.
Dit is de code:

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

function SymbolenDisabler()
   {
   //Checken of het juiste symbool is gekozen:
   if (confirm("Weet je zeker dat je dit symbool wilt kiezen?"))
   {

   }
   else
{

}
}

Dit is de situatie:
Er zijn 25 symbolenknoppen, waarvan er in totaal 2 gekozen moeten worden.
Alleen moet er de 1e keer dat er op OK word gedrukt iets anders gebeuren (iets waar ik nog mee bezig ben), dan de 2e keer.
De 2e keer moet er een andere knop enabled worden, namelijk FightButton.

Ik heb hier echt hulp bij nodig.

Darkomen

woensdag 11 november 2009 @ 12:52

Bekijk dit eens en kijk of je het kan toepassen aan jouw opdracht.

1
2
3
4
5
6
7
8

Anders heb ik wel al de volledige oplossing voor je maar dan leer je niks

Light

woensdag 11 november 2009 @ 12:53

Ik zie geen functie bar() in die code

Darkomen

woensdag 11 november 2009 @ 12:55

D'oh!
Edit foutje

Skonk

woensdag 11 november 2009 @ 13:51

quote:
Op woensdag 11 november 2009 12:52 schreef Darkomen het volgende:
Bekijk dit eens en kijk of je het kan toepassen aan jouw opdracht.
[ code verwijderd ]

Anders heb ik wel al de volledige oplossing voor je maar dan leer je niks

, ik heb het gefixed, het was wel even priegelen

.

http://pastebin.com/m2115a045 (Ik heb het hier even gezet, het is namelijk veel tekst.)

Darkomen

woensdag 11 november 2009 @ 14:00

Moah, niet een heel net script enook niet crossbrowser/platfprm
if (Speler = 2), daar moet een dubbele =

Zonder de html erbij is het ook niet echt duidelijk wat er nu precies moet gebeuren.

Skonk

donderdag 12 november 2009 @ 09:48

quote:
Op woensdag 11 november 2009 14:00 schreef Darkomen het volgende:
if (Speler = 2), daar moet een dubbele =

Nou, ik kan je vertellen dat het script niet werkt als ik dat doe.

Maar nou heb ik een nieuwe vraag, hoe kan ik een variabel maken van de knop waarop gedrukt word?
Zodat ik dus weet op welke knop gedrukt word.

woopehh

donderdag 12 november 2009 @ 11:23

quote:
Op donderdag 12 november 2009 09:48 schreef Skonk het volgende:

[..]

Nou, ik kan je vertellen dat het script niet werkt als ik dat doe.
Maar nou heb ik een nieuwe vraag, hoe kan ik een variabel maken van de knop waarop gedrukt word?
Zodat ik dus weet op welke knop gedrukt word.

Zou er toch maar == van maken, nu staat er Speler wordt 2, wat dus altijd waar is

Skonk

donderdag 12 november 2009 @ 11:38

quote:
Op donderdag 12 november 2009 11:23 schreef woopehh het volgende:

[..]

Zou er toch maar == van maken, nu staat er Speler wordt 2, wat dus altijd waar is

Speler 2 is toch ook aan de beurt?

Darkomen

donderdag 12 november 2009 @ 11:41

quote:
Op donderdag 12 november 2009 09:48 schreef Skonk het volgende:

[..]

Nou, ik kan je vertellen dat het script niet werkt als ik dat doe.
Maar nou heb ik een nieuwe vraag, hoe kan ik een variabel maken van de knop waarop gedrukt word?
Zodat ik dus weet op welke knop gedrukt word.

Dan klopt je script dus niet ;-)

The assignment operator = is used to assign values to JavaScript variables.

Light

donderdag 12 november 2009 @ 12:17

quote:
Op donderdag 12 november 2009 09:48 schreef Skonk het volgende:

Maar nou heb ik een nieuwe vraag, hoe kan ik een variabel maken van de knop waarop gedrukt word?
Zodat ik dus weet op welke knop gedrukt word.

Kun je hier wat mee?

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

<html>
<head>
   <title>Testpagina</title>
   <script type="text/javascript">
   function foo(btn) {
     alert(btn.id);
   }
   </script>
</head>
<body>
   <button id="testButton1" onclick="foo(this)">Test 1</button>
   <button id="testButton2" onclick="foo(this)">Test 2</button>
   <button id="testButton3" onclick="foo(this)">Test 3</button>
</body>
</html>

Skonk

donderdag 12 november 2009 @ 13:30

quote:
Op donderdag 12 november 2009 12:17 schreef Light het volgende:

[..]

Kun je hier wat mee?
[ code verwijderd ]

Ja, ik denk dat wel zou helpen, alleen mag ik geen onclick gebruiken in mijn HTML.

Darkomen

donderdag 12 november 2009 @ 13:36

Dan ga je dus combineren met wat we al hadden gegeven ;-)

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

<html>
<head>
   <title>Testpagina</title>
   <script type="text/javascript">

   function bar() {
   document.getElementById('testButton1').onclick = foo2;
   document.getElementById('testButton2').onclick = foo2;
   document.getElementById('testButton3').onclick = foo2;
   }

   function foo2() {
     alert(this.id);
   }

   window.onload = bar;
   </script>
</head>
<body>
   <button id="testButton1">Test 1</button>
   <button id="testButton2">Test 2</button>
   <button id="testButton3">Test 3</button>
</body>
</html>

Tijn

zondag 15 november 2009 @ 17:22

quote:
Op zaterdag 7 november 2009 17:04 schreef Light het volgende:

[..]

Maar je kunt de functie wel meerdere keren aanroepen:
[ code verwijderd ]

Hmm... ik zit hier toch nog een beetje mee te stoeien. Ik wil nu graag een variabele meegeven aan m'n ajaxfunctie. Deze variabele moet ik dan dus ook weer meegeven in de timeout-functie, maar dit werkt niet:

1	setTimeout("ajaxfunction(" + variable + ")", 1000);

Wat is hier de goede syntax voor?

[edit] Oh wacht, ik heb het al... m'n variabele is een string, dus die moest ik ook nog even tussen enkele quotes zetten

Nu werkt het wel:

1	setTimeout("ajaxfunction('" + variable + "')", 1000);

[ Bericht 23% gewijzigd door Tijn op 15-11-2009 17:55:14 ]

Chandler

zondag 15 november 2009 @ 20:23

Heeft iemand nog iets op te merken over mijn kleine scriptje dat middels php/json een select kan vullen?

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

word op deze manier gebruikt :)

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

<html
<head>
<title>test</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body>

<a href="javascript:createSelect('select', 'p=vis&type=roofvis', 1);">Roofvis</a> <br />
<a href="javascript:createSelect('select', 'p=vis&type=witvis', 11);">Witvis</a> <br />
<a href="javascript:createSelect('select', 'p=vis&type=zeevis', 1);">Zee vis</a> <br />

<select id="select" name="select">
</select>
<br />

<a href="javascript:createSelect('select1', 'p=div', 1);">Select 1</a> <br />

<select id="select1" name="select1">
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
<option value="4">option 4</option>
</select>

en mijn test php scriptje

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

<?php
header('Content-type: application/json');

$p   = isset($_GET['p']) ? $_GET['p'] : '';
$arr = array();

switch ($p)
{
    case "vis":
        $t = isset($_GET['type']) ? $_GET['type'] : '';

        switch ($t)
        {
            case "roofvis":
                $arr = array(1 => "Snoek", 2 => "Snoekbaars", 3 => "Baars");
            break;

            case "witvis":
                $arr = array(1 => "karper", 2 => "Voorn", 3 => "Brasum", 4 => "Giebel", 5 => "Kopvoorn", 6 => "Zeelt", 7 => "Steur");
            break;

            default:
                $arr = array(1 => "Schol", 2 => "Zee baars");
            break;
        }
    break;

    default:
         $arr = array(0 => "Geen opties");
    break;
}

echo json_encode($arr);
?>

Comments zeer welkom, kan er alleen maar van leren :)

Darkomen

maandag 16 november 2009 @ 11:21

Ziet er in mijn ogen goed uit.

klapvee

maandag 16 november 2009 @ 13:40

quote:
Op zondag 15 november 2009 17:22 schreef Tijn het volgende:

[..]

Hmm... ik zit hier toch nog een beetje mee te stoeien. Ik wil nu graag een variabele meegeven aan m'n ajaxfunctie. Deze variabele moet ik dan dus ook weer meegeven in de timeout-functie, maar dit werkt niet:
[ code verwijderd ]

Wat is hier de goede syntax voor?

[edit] Oh wacht, ik heb het al... m'n variabele is een string, dus die moest ik ook nog even tussen enkele quotes zetten Nu werkt het wel:
[ code verwijderd ]

je kan ook het volgende doen:

1
2
3
4
5

  x= setTimeout(function(x,y,z) {
   //aanroep naar andere functie
    ajaxfunction(x,y,z);

}, 1000);

let er wel op dat het nu een anonieme functie is die je niet zomaar meer kan verwijderen :-)

SuperRembo

maandag 16 november 2009 @ 18:07

quote:
Op zondag 15 november 2009 20:23 schreef Chandler het volgende:
Heeft iemand nog iets op te merken over mijn kleine scriptje dat middels php/json een select kan vullen?
[ code verwijderd ]

word op deze manier gebruikt
[ code verwijderd ]

en mijn test php scriptje
[ code verwijderd ]

Comments zeer welkom, kan er alleen maar van leren

Declareer variabelen met var. Zonder "werkt" het nu misschien ook wel, maar het kan je later in problemen brengen als ongewild variabelen overschreven worden.

document.getElementById(id) kost vrij veel tijd, dus roep die functie niet onnodig vaak aan. In createSelect heb je 'm maar 1 keer nodig, de uitkomst kan je zelfs weer doorgeven aan createSelectList.

function createSelect(id, params, selID) maakt geen select control, maar vult een bestaande met gegevens van de server. function createSelectList(id, list, selId) maakt ook geen select control, maar vult deze met de gegevens die je aanlevert.

try/catch kost ook vrij veel tijd. Als je van te voren al weet dat iets niet in IE gaat werken, gebruik dan gewoon een if/else. Helmaal als je het in een loop gebruikt. Je kan ook van te voren controleren of window. XMLHttpRequest bestaat, dan heb je ook geen try/catch nodig.

javascript in de href van een link

quote:
Op maandag 16 november 2009 11:21 schreef Darkomen het volgende:
Ziet er in mijn ogen goed uit.

Ik heb altijd wat te zeiken

Chandler

maandag 16 november 2009 @ 20:11

Tnx SR ik ga met je comments aan de slag.. is een onclick in href dan wel netjes?

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

deze is beter dus;)

[ Bericht 48% gewijzigd door Chandler op 16-11-2009 20:23:49 (functie namen update ;)) ]

Darkomen

dinsdag 17 november 2009 @ 09:35

quote:
Op maandag 16 november 2009 18:07 schreef SuperRembo het volgende:

[..]

Declareer variabelen met var. Zonder "werkt" het nu misschien ook wel, maar het kan je later in problemen brengen als ongewild variabelen overschreven worden.
document.getElementById(id) kost vrij veel tijd, dus roep die functie niet onnodig vaak aan. In createSelect heb je 'm maar 1 keer nodig, de uitkomst kan je zelfs weer doorgeven aan createSelectList.
function createSelect(id, params, selID) maakt geen select control, maar vult een bestaande met gegevens van de server. function createSelectList(id, list, selId) maakt ook geen select control, maar vult deze met de gegevens die je aanlevert.
try/catch kost ook vrij veel tijd. Als je van te voren al weet dat iets niet in IE gaat werken, gebruik dan gewoon een if/else. Helmaal als je het in een loop gebruikt. Je kan ook van te voren controleren of window. XMLHttpRequest bestaat, dan heb je ook geen try/catch nodig.
javascript in de href van een link
[..]

Ik heb altijd wat te zeiken

Dat van de 'var' ha dik ook nog kunnen vinden

maar wat te gebruiken dan ipv getElementById ?

Chandler

dinsdag 17 november 2009 @ 09:49

@Darkomen: er is geen vervanging voor document.getElemenyById maar je kunt het maar beter zo minimaal gebruiken (dus niet meerdere keren als het niet nodig is)

Skonk

dinsdag 17 november 2009 @ 09:58

quote:
Op donderdag 12 november 2009 13:36 schreef Darkomen het volgende:
Dan ga je dus combineren met wat we al hadden gegeven ;-)
[ code verwijderd ]

Ik ben er weer mee bezig, en ik had het ook aan de praat, waarvoor dank.

Maar er worden drie knoppen ingedrukt in totaal, waarvan ik pas wil laten zien welke er worden gekozen als er op de laatste knop wordt gedrukt.
Weet je misschien hoe ik dit moet doen?

Darkomen

dinsdag 17 november 2009 @ 11:46

quote:
Op dinsdag 17 november 2009 09:49 schreef Chandler het volgende:
@Darkomen: er is geen vervanging voor document.getElemenyById maar je kunt het maar beter zo minimaal gebruiken (dus niet meerdere keren als het niet nodig is)

oke, in princiepe doe je dat al als je iets schrijft. bedankt.

@skonk, post dan eens precies de opdracht, je javascript en je html.
Het is nu steeds gokken wat je nu wilt, oplossing plaatsen, dan weer een ander probleempje etc
Dat tezamen met jouw kennis van Javascript (no offense, ik ben ook geen expert) maakt het erg lastig iets te schrijven.

Skonk

dinsdag 17 november 2009 @ 11:55

quote:
Op dinsdag 17 november 2009 11:46 schreef Darkomen het volgende:

[..]

oke, in princiepe doe je dat al als je iets schrijft. bedankt.

@skonk, post dan eens precies de opdracht, je javascript en je html.
Het is nu steeds gokken wat je nu wilt, oplossing plaatsen, dan weer een ander probleempje etc
Dat tezamen met jouw kennis van Javascript (no offense, ik ben ook geen expert) maakt het erg lastig iets te schrijven.

Ok, ik wil het wel doen, alleen het is wel een slordige code.

Skonk

dinsdag 17 november 2009 @ 11:58

Javascript:

http://pastebin.com/m24a98b5d

HTML:

http://pastebin.com/m1884861d

Darkomen

dinsdag 17 november 2009 @ 12:46

Wow.....dat krijg ik niet in tussen mn werk door herschreven/begrijpen.
Ik heb wel je code aangepast, je enorme lijsten met buttons vervangen door een while loop
Ook buttons die niet corssbrowser waren vervangen door document.getelementbyid
Maar wat het script nu wanneer moet doen word me echt niet duidelijk.
Dan zou ik echt eens wat langer moeten kijken.

http://pastebin.com/m4b55d8a6

Tip.
Firefox: http://www.mozilla-europe.org/nl/firefox/
Webdeveloper: https://addons.mozilla.org/nl/firefox/addon/60
Daarin zit een javascript debugger.
Begin met schrijven voor firefox, daarmee schrijf je een script welke door 99% van de browsers word geaccepteerd omdat zij zich wel aan de webstandaarden houden, IE versies lager dan 8 doen dit niet en accepteren veel rotzooi helaas

Skonk

dinsdag 17 november 2009 @ 12:51

quote:
Op dinsdag 17 november 2009 12:46 schreef Darkomen het volgende:
Wow.....dat krijg ik niet in tussen mn werk door herschreven/begrijpen.
Ik heb wel je code aangepast, je enorme lijsten met buttons vervangen door een while loop
Ook buttons die niet corssbrowser waren vervangen door document.getelementbyid
Maar wat het script nu wanneer moet doen word me echt niet duidelijk.
Dan zou ik echt eens wat langer moeten kijken.

http://pastebin.com/m4b55d8a6

Tip.
Firefox: http://www.mozilla-europe.org/nl/firefox/
Webdeveloper: https://addons.mozilla.org/nl/firefox/addon/60
Daarin zit een javascript debugger.
Begin met schrijven voor firefox, daarmee schrijf je een script welke door 99% van de browsers word geaccepteerd omdat zij zich wel aan de webstandaarden houden, IE versies lager dan 8 doen dit niet en accepteren veel rotzooi helaas

Ik schrijf al voor FireFox

.
Maar het is een soort spelletje (Rock, paper, scissors)

Darkomen

dinsdag 17 november 2009 @ 13:02

in firefox waren je buttons niet disabled, en kreeg je gelijk de onderstaande foutmelding waardoor je script stopt

Error: Button1 is not defined
Source File: file:///C:/javascript/Copy%20of%20Noname1.html
Line: 48

Daarna button 2, 3, 4, 5 ... 24, 25 en dat voor elke button welke je niet had gedefineerd via getelementbyid
Die fouten heb ik eruit gehaald en je krijgt dan geen javascript fouten meer.

Probeer het script nav mijn code eens te herschrijven voor alleen 3 buttons, als dat allemaal werkt kan je er zoveel toevoegen wat je wil.

Ik heb de komende tijd niet echt de tijd om te zoeken hoe het zou moeten werken.

Skonk

donderdag 3 december 2009 @ 12:19

Ik moet nu leren hoe ik programmeer via Model, View, Controller.
En ik probeer dus nu via de controller naar de view naar een gegevensBeheerder dat ie weet dat er is geklikt, en dan een alert geeft, maar ik krijg het niet aan de praat (ook omdat ik het écht niet begrijp).

Hier is mijn code:

HTML:

http://pastebin.com/m43043aa1

Controller:

http://pastebin.com/m6da656e3

View:

http://pastebin.com/m506452cd

gegevensBeheerder:

http://pastebin.com/m71f3ae09

Kan iemand mij dit uitleggen/hiermee helpen?

Darkomen

donderdag 3 december 2009 @ 16:00

Kan ik je niet bij helpen, maar ik heb zelf ook een probleemje die nergens op slaat
Ik probeer een popup na 3 seconden te sluiten, maar deze sluit direct?! Al maak ik er 50 seconden van.

1
2
3
4

function timeClose(){
setTimeout(window.close(),3000);
}
document.onload = timeClose();

Edit: D'oh quotjes

1
2
3
4

function timeClose(){
setTimeout("window.close()",3000);
}
document.onload = timeClose();

[ Bericht 26% gewijzigd door Darkomen op 03-12-2009 16:07:10 ]

SuperRembo

maandag 7 december 2009 @ 08:00

Of zo:

1
2
3
4

function timeClose(){
setTimeout(function(){ window.close(); }, 3000);
}
document.onload = timeClose();

Light

maandag 7 december 2009 @ 09:36

Volgens mij moet dit ook werken:

1
2
3
4

function timeClose(){
setTimeout(window.close, 3000);
}
document.onload = timeClose();

Flaccid

maandag 7 december 2009 @ 11:45

Ik zoek een simpele gallery, mss met flash, liefst met javascript waarin ik een 500x500 pixel image heb met daaronder 5 andere 90x90 pixels images. Het nadeel is, ik moet op elke pagina (10 stuks) die verschillende foto's hebben. Wat is het makeklijkst?

[ Bericht 83% gewijzigd door Flaccid op 07-12-2009 12:03:25 ]

Darkomen

maandag 7 december 2009 @ 14:21

quote:
Op maandag 7 december 2009 09:36 schreef Light het volgende:
Volgens mij moet dit ook werken:
[ code verwijderd ]

eens proberen zonder ().

bedankt voor alternatieven

Skonk

donderdag 10 december 2009 @ 11:14

Ik krijg iets niet goed gereturned

!

http://pastebin.com/m4e082c1c

Hij krijgt "ingevuld" dus niet goed terug in het model, terwijl ik het return zoals ik altijd doe?

Pls halp!

#ANONIEM

donderdag 10 december 2009 @ 11:23

1
2
3
4
5
6
7
8

function controleerInvoer(dispute, defender, attacker)
{
  var ingevuld = true;
  if (dispute.value == "The statement you have a dispute about.") {
    ingevuld = false;
  }
  return ingevuld;
}

Skonk

donderdag 10 december 2009 @ 11:26

quote:
Op donderdag 10 december 2009 11:23 schreef Scorpie het volgende:

[ code verwijderd ]

Hij blijft undefined. Hoe kan dat nou

#ANONIEM

donderdag 10 december 2009 @ 11:28

quote:
Op donderdag 10 december 2009 11:26 schreef Skonk het volgende:

[..]

Hij blijft undefined. Hoe kan dat nou :'(.

1
2
3

function controleerInvoer(dispute, defender, attacker){
invoerBeheerder.controleerInvoer(dispute, defender, attacker);
}

Hier bind je de returnValue niet aan een variable.

Skonk

donderdag 10 december 2009 @ 14:51

quote:
Op donderdag 10 december 2009 11:28 schreef Scorpie het volgende:

[..]
[ code verwijderd ]

Hier bind je de returnValue niet aan een variable.

Ik snap niet echt wat je bedoelt (ben nog geen pro

), maar ik heb nu weer hetzelfde probleem.
Ik heb het hele ding maar geupload, dan kunnen mensen zelf zien wat er fout is: http://school.netii.net/Project01/RockPaperScissors/

Het is dus de bedoeling (nu), dat als je de dispute veranderd, en op Start klikt er geen false maar true terug komt.
Maar blijkbaar geef ik de variabele disputeingevuld niet goed terug aan de view.

SuperRembo

vrijdag 11 december 2009 @ 06:46

quote:
Op maandag 7 december 2009 09:36 schreef Light het volgende:
Volgens mij moet dit ook werken:
[ code verwijderd ]

Document heeft geen load event, window wel.

#ANONIEM

vrijdag 11 december 2009 @ 08:46

quote:
Op donderdag 10 december 2009 14:51 schreef Skonk het volgende:

[..]

Ik snap niet echt wat je bedoelt (ben nog geen pro ), maar ik heb nu weer hetzelfde probleem.
Ik heb het hele ding maar geupload, dan kunnen mensen zelf zien wat er fout is: http://school.netii.net/Project01/RockPaperScissors/

Het is dus de bedoeling (nu), dat als je de dispute veranderd, en op Start klikt er geen false maar true terug komt.
Maar blijkbaar geef ik de variabele disputeingevuld niet goed terug aan de view.

Mag ik vragen waar je op die manier geleerd hebt om Javascript te programmeren?

Skonk

vrijdag 11 december 2009 @ 09:08

quote:
Op vrijdag 11 december 2009 08:46 schreef Scorpie het volgende:

[..]

Mag ik vragen waar je op die manier geleerd hebt om Javascript te programmeren?

Ik ben dit nu op school aan het leren.

#ANONIEM

vrijdag 11 december 2009 @ 09:31

quote:
Op vrijdag 11 december 2009 09:08 schreef Skonk het volgende:

[..]

Ik ben dit nu op school aan het leren.

Serieus, geven ze deze manier van programmeren op school? Frappant.

Roonaan

vrijdag 11 december 2009 @ 10:33

quote:
Op vrijdag 11 december 2009 09:31 schreef Scorpie het volgende:

[..]

Serieus, geven ze deze manier van programmeren op school? Frappant.

MVC implementeren in een view laag zonder fatsoenlijk object model is inderdaad bijzonder waardevol voor de professionele carriere van deze top programmeurs in spé.

Skonk

vrijdag 11 december 2009 @ 10:40

Wat is er mis mee dan?

Skonk

vrijdag 11 december 2009 @ 12:16

Heb nu moeite met een onclick.

!
Hij negeert hem gewoon!
http://school.netii.net/Project01/

Het gaat dus om zijnKnoppen[i].onclick = reageerOpSymbool;
Hij kan reageerOpSymbool niet vinden, en als je er bijvoorbeeld een alert zet doet hij dat zodra de pagina is geladen.
Alle knoppen worden wel gevonden, dus daar ligt het niet aan volgens mij.

[edit]De code werkt trouwens pas als alles helemaal geladen is.

Kwyjibo

vrijdag 18 december 2009 @ 15:53

Hallo allemaal,

Mag ik jullie om advies vragen?

Ik ben bezig met een website waarin een form zit met een aantal films. achter deze films zitten 2 checkboxen. De films worden uit een database gelezen. Nu zou ik graag willen dat zodra een user een checkbox checked of unchecked dit direct in de database komt te staan. Ik weet dat dit oa met onclick, AJAX en xmlHTTP kan maar ik kom er niet uit. Heb al talloze sites bezocht maar kan nergens vinden hoe en wat.

Hoe zorg ik er voor dat doormiddel van die onclick de database (zonder eerst op submit te drukken) de database update? Dus realtime updaten.

Hier een voorbeeld van de site

Graag uw hulp! en alvast bedankt.

PS ik heb dit ook al een beetje op het [PHP/(My)SQL] voor dummies - Deel 78 topic gevraagd, maar volgens mij zit ik hier bij javascript beter voor een uitleg over hoe en wat.

Kwyjibo

Darkomen

vrijdag 18 december 2009 @ 16:37

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

Zo ben je er wel,maar als je dan toch met jquery bezig ben even zoeken op "jquery ajax tutorial" in google.

Kwyjibo

zaterdag 19 december 2009 @ 08:42

Thnx voor de snelle response!
Ik ga er mee aan de slag. Op Google had ik al gezocht naar dit soort termen maar kwam er niet echt mee verder.

Tijn

dinsdag 22 december 2009 @ 23:44

God, wat haat ik regular expressions toch. Nou zit ik met dit soort onleesbare shit in m'n code

1 2	var string = document.getElementById('input').value.replace(/^\s\s/, '').replace(/\s\s$/, ''); var match = /(^([0-9]+):([0-9]+):([0-9]+),([0-9]+)$)/.test(string);

Het lijkt gvd Perl wel

Light

woensdag 23 december 2009 @ 00:19

quote:
Op dinsdag 22 december 2009 23:44 schreef Tijn het volgende:
God, wat haat ik regular expressions toch. Nou zit ik met dit soort onleesbare shit in m'n code
[ code verwijderd ]

Het lijkt gvd Perl wel

Ik heb niet veel ervaring met javascript regular expressions, maar wat wil je bereiken?

Tijn

woensdag 23 december 2009 @ 00:25

quote:
Op woensdag 23 december 2009 00:19 schreef Light het volgende:

[..]

Ik heb niet veel ervaring met javascript regular expressions, maar wat wil je bereiken?

Dat iemand alleen iets in het formaat [uren]:[minuten]:[seconden],[milliseconden] kan invullen in een tekstveld.

Light

woensdag 23 december 2009 @ 00:30

quote:
Op woensdag 23 december 2009 00:25 schreef Tijn het volgende:

[..]

Dat iemand alleen iets in het formaat [uren]:[minuten]:[seconden],[milliseconden] kan invullen in een tekstveld.

1	var match = /(^([0-9]+):([0-9]{2}):([0-9]{2}),([0-9]{3})$)/.test(string);

Zoiets?
Ten minste 1 cijfer voor de uren, precies 2 cijfers voor de minuten en de seconden, en 3 cijfers voor de milliseconden. Het kan ook nog verder aangepast worden zodat minuten en seconden van 00 t/m 59 mogen zijn. Nu kan 99 ook, en da's niet echt logisch.

Tijn

woensdag 23 december 2009 @ 00:32

Ja, ik had er al een testje achter gebouwd die checkt of de minuten en seconden wel 60 of lager zijn. Toch bedankt voor het meedenken

Light

woensdag 23 december 2009 @ 00:43

quote:
Op woensdag 23 december 2009 00:32 schreef Tijn het volgende:
Ja, ik had er al een testje achter gebouwd die checkt of de minuten en seconden wel 60 of lager zijn. Toch bedankt voor het meedenken

Dat kan ook met [0-5][0-9]

Dan mag het eerste cijfer alvast geen 6 of hoger zijn

En graag gedaan

Likkende_Lassie

maandag 28 december 2009 @ 16:22

Ik kom er weer es niet uit!
Ik probeer met MooTools 1.1.1 / 1.2.4 een ajax functie werkend te krijgen.... echter of hij doet de calls dubbel, of helemaal niet:

Ik heb de volgende functie in het leven geroepen:

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

Bovenstaande functie werkt wél met 1.1.1, echter doet hij de ajax calls dubbel.
Werkend met 1.2.4. krijg ik um sowieso niet

Moet soms het event worden verwijderd? zoja, hoe doe ik dat, voorbeeld please?

Likkende_Lassie

dinsdag 29 december 2009 @ 16:34

iemand?

Darkomen

woensdag 30 december 2009 @ 15:13

Sorry ik heb geen ervaring met MooTools .

Light

woensdag 30 december 2009 @ 17:20

quote:
Op maandag 28 december 2009 16:22 schreef Likkende_Lassie het volgende:
Ik kom er weer es niet uit!
Ik probeer met MooTools 1.1.1 / 1.2.4 een ajax functie werkend te krijgen.... echter of hij doet de calls dubbel, of helemaal niet:

Ik heb de volgende functie in het leven geroepen:
[ code verwijderd ]

Bovenstaande functie werkt wél met 1.1.1, echter doet hij de ajax calls dubbel.
Werkend met 1.2.4. krijg ik um sowieso niet

Moet soms het event worden verwijderd? zoja, hoe doe ik dat, voorbeeld please?

Volgens mij heb je meer open-haakjes dan sluit-haakjes en kan de code dus niet werken.

Likkende_Lassie

woensdag 30 december 2009 @ 21:16

Mijn fout, hieronder de code zoals hij wél werkt, echter heb ik een Math.random() functie gebruikt om fouten te voorkomen, echter denk ik niet dat dit de juiste manier is..

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

i
Klacht, werkt nog niet met de nieuwste versies van mootools... , dan blijft de loader continu in beeld.

[ Bericht 2% gewijzigd door Likkende_Lassie op 30-12-2009 21:22:51 ]

Likkende_Lassie

donderdag 7 januari 2010 @ 21:47

Weinig mensen die iets met mootools doen?

Light

donderdag 7 januari 2010 @ 22:41

Sorry, weinig ervaring met Ajax en Mootools. Ik heb nog geen Ajax gebruikt met Mootools iig.

Flaccid

woensdag 13 januari 2010 @ 10:49

Nvm, al gelukt:)

Nu nog dynamisch de innerhtml aanpassen aan de hand van een externe file.

[ Bericht 72% gewijzigd door Flaccid op 13-01-2010 12:00:47 ]

Flaccid

donderdag 14 januari 2010 @ 14:29

Ook al gelukt, gewoon de content in een hidden div gezet.

Kan dit simpeler en met minder code dmv een array?

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

function ca(ic,it,ufp,sca,dbp,fs,sdcl,drp,tc,dmm){
document.getElementById('ic').style.width = ic
document.getElementById('it').style.width = it
document.getElementById('ufp').style.width = ufp
document.getElementById('sca').style.width = sca
document.getElementById('dbp').style.width = dbp
document.getElementById('fs').style.width = fs
document.getElementById('sdcl').style.width = sdcl
document.getElementById('drp').style.width = drp
document.getElementById('tc').style.width = tc
document.getElementById('dmm').style.width = dmm
}

Tijn

donderdag 14 januari 2010 @ 15:36

quote:
Op donderdag 14 januari 2010 14:29 schreef Flaccid het volgende:
Ook al gelukt, gewoon de content in een hidden div gezet.

Kan dit simpeler en met minder code dmv een array?
[ code verwijderd ]

Als je van zoiets een functie maakt, zou ik de functie zo generiek mogelijk maken. Dus gewoon zo:

1
2
3
4

function setWidth(element, width)
{
document.getElementById(element).style.width = width;
}

Vervolgens roep je die functie aan wanneer je de breedte van een element aan wil passen. Dat maakt je code niet korter, maar imho wel logischer.

Flaccid

donderdag 14 januari 2010 @ 17:33

quote:
Op donderdag 14 januari 2010 15:36 schreef Tijn het volgende:

[..]

Als je van zoiets een functie maakt, zou ik de functie zo generiek mogelijk maken. Dus gewoon zo:
[ code verwijderd ]

Vervolgens roep je die functie aan wanneer je de breedte van een element aan wil passen. Dat maakt je code niet korter, maar imho wel logischer.

Ja dat had ik eerst, 't is een van de 2.

Skonk

vrijdag 15 januari 2010 @ 10:43

Ik heb een probleem

.

Ik heb 25 knoppen in mijn programma, en wil dat de namen van de knoppen waarop word geklikt word opgeslagen, zodat ik het later kan terugvragen.
Omdat het een spel is kunnen er maar 2 knoppen tegelijk worden opgeslagen.
Alleen krijg ik elke keer alleen de laatste knop terug

Hier is de code:

http://pastebin.com/m6ff0984f

Er zal vast een of ander truukje voor zijn, want zoals ik het nu zie klopt de code gewoon

Please help

[edit] Laat maar, gefixt, hij returnde de verkeerde variable naar m'n controller.

[ Bericht 4% gewijzigd door Skonk op 15-01-2010 11:43:27 ]

uppie83

zondag 17 januari 2010 @ 14:14

Ik heb het volgende stukje code in mijn website staan:

1
2
3
4
5
6

met even verderop in de html code

1	<a href="javascript:void(0)" onMouseUp="javascript:popup()"><img width="30" height="30" border='0' src='images/listen.jpg' alt='Luister Live'></a><BR>

Bij firefox werkt dit, bij IE gebeurd er niets en staat er linksonderin beeld "fout op de pagina". Als ik dan kijk wat de fout is, dan wordt aangegeven dat het gaat om de window.popup regel, teken 3, fout "ongeldig argument" en code 0.

Iemand een idee wat hier aan de hand is?

Tuvai.net

zondag 17 januari 2010 @ 20:06

quote:
Op zondag 17 januari 2010 14:14 schreef uppie83 het volgende:
Ik heb het volgende stukje code in mijn website staan:
[ code verwijderd ]

met even verderop in de html code
[ code verwijderd ]

Bij firefox werkt dit, bij IE gebeurd er niets en staat er linksonderin beeld "fout op de pagina". Als ik dan kijk wat de fout is, dan wordt aangegeven dat het gaat om de window.popup regel, teken 3, fout "ongeldig argument" en code 0.

Iemand een idee wat hier aan de hand is?

De spatie bij de tweede parameter van de window.open functie weghalen.

Crutch

maandag 18 januari 2010 @ 13:14

var tvp = geplaatst;

Sitethief

dinsdag 19 januari 2010 @ 13:07

Iemand hier ervaring met Mootools? Ik ben me nu aan het inlezen, ziet er interessant uit tot nu toe.

#ANONIEM

dinsdag 19 januari 2010 @ 13:11

Mootools is wel grappig, maar er zijn zoveel van dat soort frameworks.

Skonk

vrijdag 29 januari 2010 @ 11:27

Ons spelletje is af!

www.rockpaperscissorsultimate.tk

Crutch

vrijdag 29 januari 2010 @ 12:07

quote:
Op vrijdag 29 januari 2010 11:27 schreef Skonk het volgende:
Ons spelletje is af!
www.rockpaperscissorsultimate.tk

Is een onfocus="this.select()" niet handig bij de inputs bovenin?

Darkomen

vrijdag 29 januari 2010 @ 12:42

quote:
Op vrijdag 29 januari 2010 11:27 schreef Skonk het volgende:
Ons spelletje is af!
www.rockpaperscissorsultimate.tk

Zowel in IE7 als in FF gebeurd er niks, waar je ook op klikt.

Skonk

vrijdag 29 januari 2010 @ 12:47

quote:
Op vrijdag 29 januari 2010 12:42 schreef Darkomen het volgende:

[..]

Zowel in IE7 als in FF gebeurd er niks, waar je ook op klikt.

Je moet wel eerst je gegevens invullen en dan op start drukken.

DancePlaza

woensdag 3 februari 2010 @ 17:11

ordinaire tvp

Chandler

vrijdag 5 februari 2010 @ 21:47

Weet iemand een tutoriaal of kant en klaar scriptje dat het volgende doet / kan.

Ik wil plaatjes uit een ajax gegenereerde div kunnen slepen naar een textarea en dan op de positie plaatsen waar ik de cursus op los laat, dus niet achteraan toevoegt..

Anyone?

Ericjuh

vrijdag 5 februari 2010 @ 21:52

quote:
Op vrijdag 29 januari 2010 12:47 schreef Skonk het volgende:

[..]

Je moet wel eerst je gegevens invullen en dan op start drukken.

doet het niet in FF