[Javascript] voor dummies - deel 4

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  maandag 13 november 2006 @ 16:05:14 #271
130385 HiDiHo
hdhmedia.online
pi_43510656
mis je niet nog een } op het eind?
(kan aan mij liggen hoor)
Aan mijn uitspraken kunnen geen rechten ontleend worden
Uitspraken uit het verleden geven geen garantie voor de toekomst
pi_43510875
oh foutje bij het kopieren maar dat is niet het punt..
As a rule, I never touch anything more sophisticated and delicate than myself.
  maandag 13 november 2006 @ 16:16:22 #273
130385 HiDiHo
hdhmedia.online
pi_43511045


[ Bericht 52% gewijzigd door HiDiHo op 13-11-2006 16:35:14 ]
Aan mijn uitspraken kunnen geen rechten ontleend worden
Uitspraken uit het verleden geven geen garantie voor de toekomst
pi_43511882
Het ligt aan de scope van de variable. Als je een variable binnen een if definieerd, dan is hij daar buiten niet bekend.

1
2
3
4
5
6
7		var foo = '';
if (x) {
   foo = 'x';
   var bar = 'y';
}
alert(typeof(foo));// geeft 'string'
alert(typeof(bar));// geeft 'undefined'
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 20 november 2006 @ 18:02:38 #275
2738 Knut
Loyal Dog
pi_43722762
1
2
3
4
5
6
7
8		function createEditForm(reactId){
  var objId = "react_body" + reactId;
  document.getElementById(objId).innerHTML = '';
  var newobjId = "text" + reactId;
  createNewElement(objId, '', 'textarea', {id: newobjId, rows: '10', cols: '40'}, '');
  ahahCall(baseRef + 'index.php?page=ahahHandler', newobjId, 'action=getReact&reactId='+reactId+'&undosml=1', 'addValue');
  createNewElement(objId, '', 'img', {src:baseRef + 'inc/tpl/sixties/i/edit.gif', alt:'submit', onclick: 'processEditReact(' + reactId + ')' }, '');
}

Deze functie levert in IE foutmeldingen op.
Ik heb geen idee waarom echter.
Als ik debug via de scriptdebugger krijg ik op deze regel een fout:
1  createNewElement(objId, '', 'textarea', {id: newobjId, rows: '10', cols: '40'}, '');

"Object expected"

Iemand enig idee waar hij een object in verwacht ?
[20:25] [Knut] Een vrouw met een kerst fetish...
[20:26] [Knut] Niet zo letterlijk dat ik haar met baard om moet HOHOHOEN
[20:26] [Knut] maar je snapt het idee wel.
  FOK!-Schrikkelbaas maandag 20 november 2006 @ 18:18:41 #276
1972 Swetsenegger
Egocentrische Narcist
pi_43723047
quote:
Op maandag 20 november 2006 18:02 schreef Knut het volgende:

[ code verwijderd ]

Deze functie levert in IE foutmeldingen op.
Ik heb geen idee waarom echter.
Als ik debug via de scriptdebugger krijg ik op deze regel een fout:
[ code verwijderd ]

"Object expected"

Iemand enig idee waar hij een object in verwacht ?
bekijk 'm eens in firefox, die geeft veel duidelijkere foutmeldingen mbt javascript
 | FOK! Schrikkelbaasch
pi_43723096
Zou het kunnen dat je aan onclick geen string mag toekennen maar enkel een function of een function ref?
  maandag 20 november 2006 @ 18:21:49 #278
2738 Knut
Loyal Dog
pi_43723120
quote:
Op maandag 20 november 2006 18:18 schreef Swetsenegger het volgende:

[..]

bekijk 'm eens in firefox, die geeft veel duidelijkere foutmeldingen mbt javascript
Dat is het nare.
ff geeft geen js errors.
[20:25] [Knut] Een vrouw met een kerst fetish...
[20:26] [Knut] Niet zo letterlijk dat ik haar met baard om moet HOHOHOEN
[20:26] [Knut] maar je snapt het idee wel.
  maandag 20 november 2006 @ 18:30:48 #279
2738 Knut
Loyal Dog
pi_43723323
En de noodzaak is nu weg. Ik heb het geheel iets anders opgezet
[20:25] [Knut] Een vrouw met een kerst fetish...
[20:26] [Knut] Niet zo letterlijk dat ik haar met baard om moet HOHOHOEN
[20:26] [Knut] maar je snapt het idee wel.
pi_43736254
Ik ben bezig met het maken van een navigatie menu voor bovenaan mijn pagina. Als basis heb ik : deze genomen, en dan de two-level versie.

Dit alles heb ik gewoon werkend gekregen, maar nu wil ik ipv tekst, afbeeldingen gebruiken. Als ik dit echter doe dan is de afbeelding alleen te zien als ik over de plek ga waar de afbeelding hoort te staan( maar niet te zien is). Ik heb al vanalles geprobeerd, maar het wil maar niet lukken.

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		<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
   var sfEls = document.getElementById("nav").getElementsByTagName("LI");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" sfhover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" sfhover\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

<style type="text/css">
<!--
@import url("file:///C|/Documents and Settings/Roelaano/Bureaublad/klimsite/opmaak.css");
-->
</style>
</head>

<body>
<table width="861" bgcolor="#333333">
  <tr>
    <th height="251" colspan="5" scope="col"><img src="file:///C|/Documents and Settings/Roelaano/Bureaublad/klimsite/afbeeldingen/bovenkant.png" width="850" height="249" /></th>
  </tr>
  <tr>
    <td colspan="5"> <div align="center">
      <table width="789">
        <tr>
          <th scope="col">
        
        <ul id="nav">

   <li><a href="#"></a>
      <ul>
         <li><a href="bla"><img src="../../Roelaano/Bureaublad/klimsite/afbeeldingen/buttons/3000ersuit.gif" width="150" height="20" border="0" /></a>
            <ul>
               <li><a href="#">Echeneis</a></li>
               <li><a href="#">Phtheirichthys</a></li>
               <li><a href="#">Remora</a></li>
               <li><a href="#">Remorina</a></li>
               <li><a href="#">Rhombochirus</a></li>
            </ul>
         </li>
         <li><a href="#">Tilefishes</a>

.........
.....
.......
.....


Dit is het laatste wat ik geprobeerd heb, maar dus niet werkt.

Wat ik eigenlijk ook nog wil is dat er een andere afbeelding komt, wanneer ik met de muis over de button ga (mouseOver), maar als dit al niet werkt dan wacht ik daar ook nog maar even mee.



Zo moet het er uiteindelijk uit gaan zien. Ik weet dat jullie geen scriptschrijvers zijn die even een scriptje voor me in elkaar zitten, maar op dit moment kan ik wel een hulp/ tip gebruiken.


mvg,
Roel
Bergbeklimmen ???
Beklimmingen.nl
pi_43738831
"Als ik dit echter doe dan is de afbeelding alleen te zien als ik over de plek ga waar de afbeelding hoort te staan( maar niet te zien is).". Je hebt in je voorbeeld html op het hoofd niveau een lege a tag. dan op je eerste niveau een img tag. Je plaatje verschijnt dus pas als je over die lege a tag beweegt idd.
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
  dinsdag 21 november 2006 @ 09:52:47 #282
12880 CraZaay
prettig gestoord
pi_43740116
Is het niet veel eenvoudiger om dit met alleen CSS te bouwen?
pi_43743790
quote:
Op dinsdag 21 november 2006 08:35 schreef Webby het volgende:
"Als ik dit echter doe dan is de afbeelding alleen te zien als ik over de plek ga waar de afbeelding hoort te staan( maar niet te zien is).". Je hebt in je voorbeeld html op het hoofd niveau een lege a tag. dan op je eerste niveau een img tag. Je plaatje verschijnt dus pas als je over die lege a tag beweegt idd.
Aardig dom dat ik dat zelf niet gezien heb maja, het was al laat .

Ik heb nu het volgende voor elkaar gekregen: klikkerdeklik

Het menu klopt nu, maar de buttons worden niet "ingedrukt" als ik er met de muis overheen ga. Dit zal waarschijnlijk wel aan het javascript liggen, en/of gewoon de waardeloze code die ik gebruik Javascript is duidelijk niet mijn sterkste punt. Graag zou ik ook nog de buttons tegen elkaar willen hebben, dus zonder de spaties ertussen.

alvast bedankt.

gelukkig kan ik straks weer verder met iets waar ik wel een beetje verstand van heb
Bergbeklimmen ???
Beklimmingen.nl
pi_43820574
Ik heb de volgende HTML code:

1
2
3
4
5		<input type="text" name="aantal[]" onchange="veranderAantal(this.form);" />
<input type="text" name="aantal[]" onchange="veranderAantal(this.form);" />
<input type="text" name="aantal[]" onchange="veranderAantal(this.form);" />
<input type="text" name="aantal[]" onchange="veranderAantal(this.form);" />
<input type="text" name="aantal[]" onchange="veranderAantal(this.form);" />


Waarbij het aantal input tags kan verschillen. Hoe kan ik nu in de functie veranderAantal alle aantallen bij elkaar optellen? Het wil mij niet lukken.
pi_43820725
Ik heb een vraag over Java.

Kan ik dat ook hier stellen?
pi_43820954
quote:
Op donderdag 23 november 2006 14:53 schreef MrX1982 het volgende:
Ik heb een vraag over Java.

Kan ik dat ook hier stellen?
Nee, dat kan hier: [Java] voor dummies - Deel 1.
pi_43821005
quote:
Op donderdag 23 november 2006 15:00 schreef HuHu het volgende:
Nee, dat kan hier: [Java] voor dummies - Deel 1.
Dan zal ik even een nieuwe thread aanmaken. Bedankt.
pi_43822877
quote:
Op donderdag 23 november 2006 14:48 schreef HuHu het volgende:
Ik heb de volgende HTML code:
[ code verwijderd ]

Waarbij het aantal input tags kan verschillen. Hoe kan ik nu in de functie veranderAantal alle aantallen bij elkaar optellen? Het wil mij niet lukken.
Wat heb je nu dan?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_43826785
quote:
Op donderdag 23 november 2006 15:57 schreef SuperRembo het volgende:

[..]

Wat heb je nu dan?
Nu heb ik dit staan:

1
2
3
4
5
6
7
8
9
10
11
12
13		function veranderAantal (formulier)
{
  var array_aantal = formulier.aantal;
  var aantal = 0;

  for (var n = 0; n < array_aantal.length; n++)
  {
    aantal += array_aantal[n];
  }

  //Toon het resultaat (slechts voor test)
  alert(aantal);
}
pi_43829761
De naam van de velden is niet "aantal" maar "aantal[]" :)
Verder moet je de values van de input elementen optellen, niet de elementen zelf. Even converteren naar een integer met parseInt is ook wel handig. Je zou ook nog kunnen controleren of de waarde wel echt een getal is.

1
2
3
4
5
6
7
8
9
10
11
12
13		function veranderAantal (formulier)
{
  var array_aantal = formulier.elements['aantal[]'];
  var aantal = 0;

  for (var n = 0; n < array_aantal.length; n++)
  {
    aantal += parseInt(array_aantal[n].value);
  }

  //Toon het resultaat (slechts voor test)
  alert(aantal);
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  vrijdag 8 december 2006 @ 12:20:19 #291
159067 NTCE
[Vietnam veteraan]
pi_44246686
// CODE STAAT IN PHP TAGS VOOR DE KLEUR AANDUIDING //

Hey allemaal,

Ik wil een Javascript Slider maken, met onderstaande code kan ik een DIV (layer) in hoogte resizen.

1
2
3
4
5		function SlideDown(){
for(i=50; i<500; i++) {
setTimeout("document.getElementById('layer').style.height='" +  i + "px'", (i+50)*6);
 }
}



Echter zoals je kunt zien gaat deze in een vloeiende beweging van 50 pixels naar 500 pixels in hoogte.
Dit betekend dat hij altijd dezelfde snelheid behoud en dat wil ik niet.

Wat ik wil is dat de for lus een array gaat doorlopen, voorbeeld:

1array = array("50, 100, 150, 200, 250, 300, 350, 400, 450, 460, 470, 480, 490, 500");


Je kunt ook zien dat bij de 450 hij nauwkeuriger wordt, hiermee moet dus de Slider een vertraging krijgen heel snel, naar langzamer en angzamer totdat hij stilstaat.

Wie kan mij hierbij helpen hoe ik dit moet verwerken?

SuperRembo heeft vervolgens mij geholpen in dit topic: Javascript Slide trough Array

Maar dat werkt niet, wie kan mij helpen met deze lastige code?
long dark curly hair with a smooth face, crystal blue eyes and a stunning body, yep thats my girl.
pi_44248023
Aan de mededeling "werkt niet" heb ik niet veel. ALs je hier een vraag stelt dan is het handig als je duidelijker omschrijft wat het probleem is.

Dit werkt wel.
1
2
3
4
5
6		function SlideDown() {
   var a = new Array(50, 100, 150, 200, 250, 300, 350, 400, 450, 460, 470, 480, 490, 500);
   for(i = 0; i < a.length; i++) {
      setTimeout("document.getElementById('layer').style.height='" +  a[i] + "px'", (i + 50) * 6);
   }
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  vrijdag 8 december 2006 @ 13:21:12 #293
159067 NTCE
[Vietnam veteraan]
pi_44248651
quote:
Op vrijdag 8 december 2006 13:02 schreef SuperRembo het volgende:
Aan de mededeling "werkt niet" heb ik niet veel. ALs je hier een vraag stelt dan is het handig als je duidelijker omschrijft wat het probleem is.

Dit werkt wel.
[ code verwijderd ]
Dit werkt prima, hij doorloppt de array goed, echter heb ik zelf de fout gemaakt want ik heb de array laten aansluiten op de hoeveelheid pixels die hij uitvoert. Wat ik eigenlijk bedoelde, en wat ik dus verkeerd had uitgelegd, excuus, is dat er eigenlijk dan een vertraging op de timer moet komen.

Ik had verwacht dat hij alles pixel voor pixel zou uitvoeren, maar hij doet nu 50 en dan de volgende 50 pixels, dus heel haperig.

Hoe kan ik de array dan uitvoeren op de timer, kan je me daarbij nog helpen?
long dark curly hair with a smooth face, crystal blue eyes and a stunning body, yep thats my girl.
pi_44257599
Als je een klein beetje begrijpt wat de functie doet, dan is dat heel simpel aan te passen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zaterdag 9 december 2006 @ 13:40:34 #295
159067 NTCE
[Vietnam veteraan]
pi_44274221
ik heb het idd al, thanks.
long dark curly hair with a smooth face, crystal blue eyes and a stunning body, yep thats my girl.
pi_44295335
Met het volgende script heb ik 2 kleine problemen..

1. De HTML code (voor output van mijn poll) werkt niet in Internet Explorer
2. Enters worden niet goed weer gegeven in Internet Explorer (rn)

voorbeeld op http://dump.bruggema.nl/ubb.html :)

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		<script language="javascript">

function showPoll(type)
{

    // init arrays
    pollAnswerID    = new Array();
    pollAnswer      = new Array();

    // poll information
    pollID          = 1;
    pollTitle       = "hello world";
    pollAnswers     = 3;
    pollAnswerID[1] = 1231;
    pollAnswerID[2] = 1211;
    pollAnswerID[3] = 2111;
    pollAnswer[1]   = "Antwoord nummer 1";
    pollAnswer[2]   = "Antwoord nummer 2";
    pollAnswer[3]   = "Antwoord nummer 3";

    // location settings.
    baseUrl     = "http://www.gfxpoll.nl";
    baseUrlVote = baseUrl + "/poll.php?vote=";
    baseUrlGfx  = baseUrl + "/viewgfx.php?id=" + pollID + ".png";
    baseUrlGfxZ = baseUrl + "/viewgfx/" + pollID + ".png";

    enter = "rn";

    
    if (type == "ubb")
    {
        str = "[b]" + pollTitle + "[/b]" + enter;
        for (x = 1; x <= pollAnswers; x++)
        {
             str += "[*][url=" + baseUrlVote + pollAnswerID[x] + "]" + pollAnswer[x] + "[/url]" + enter;
        }
        str += enter + enter + "[sup]Tussenstand:[/sup]" + enter + enter + "[img]" + baseUrlGfx + "[/img]";
        str += enter + enter + "[sup]Ook een poll maken? klik dan [url=" + baseUrl + "]hier[/url]";
    }

    if (type == "ubbsmall")
    {
        str = "[b]" + pollTitle + "[/b]" + enter;
        for (x = 1; x <= pollAnswers; x++)
        {
             str += "[*][url=" + baseUrlVote + pollAnswerID[x] + "]" + pollAnswer[x] + "[/url]" + enter;
        }
        str += enter + enter + "[sup]Tussenstand:[/sup]" + enter + enter + "[img]" + baseUrlGfxZ + "[/img]";
        str += enter + enter + "[sup]Ook een poll maken? klik dan [url=" + baseUrl + "]hier[/url]";
    }

    if (type == "html")
    {
        str = "<strong>" + pollTitle + "</strong><br /><br />" + enter + enter + "<ul>" + enter;
        for (x = 1; x <= pollAnswers; x++)
        {
             str += "    <li><a href="" + baseUrlVote + pollAnswerID[x] + "" target="_newWin">" + pollAnswer[x] + "</a></li>" + enter;
        }
        str += enter + enter + "</ul>" + enter + enter + "<small>Tussenstand:</small><br /><br />" + enter + "<img src="" + baseUrlGfx + ""><br /><br />";
        str += enter + enter + "<small>Ook een poll maken? klik dan <a href="" + baseUrl + "" TARGET="_newwin">hier</a></small>";
    }

    str.replace("<", "%3C");
    str.replace(">", "%3E");

    return str;
}

function vPoll(type)
{
     document.getElementById('polltext').innerHTML = showPoll(type);
}

</script>

<table>
<tr>
    <td><a href="javascript:vPoll('ubb');">UBB Code</a></td>
    <td><a href="javascript:vPoll('ubbsmall');">UBB Small Code</a></td>
    <td><a href="javascript:vPoll('html');">HTML Code</a></td>
</tr>
<tr>
    <td colspan=3>Code:</td>
</tr>
<tr>
    <td colspan=3><textarea id="polltext" style="width: 400px; height: 200px;">inhoud</textarea></td>
</tr>
</table>


de fout zit um in de 1e regel van de functie vPoll(type) oftewel

1     document.getElementById('polltext').innerHTML = showPoll(type);


en dit heb ik geprobeerd op te lossen met

1
2		    str.replace("<", "%3C");
    str.replace(">", "%3E");


maar helaas geen resultaat... heeft iemand een idee? het is alleen bij't linkje "HTML code"
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zondag 10 december 2006 @ 10:38:41 #297
85514 ralfie
!Yvan eht nioj
pi_44295597
probeer ipv textarea.innerHTML textarea.value te setten, heb je ook geen gezeik meer met html karakters te escapen
pi_44312429
jah, dat is inderdaad een betere oplossing!

-edit-
raar dat je daar zo overheen kijkt, maar goed... alle problemen zijn verdwenen
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_44343601
klein vraagje m.b.t. een functie die ik heb gebouwd:
bij het onclick event van een knop roep ik de volgende functie aan:
1
2
3
4
5
6
7		function AddFile(place,file,button)
{
var button = button;
   newWindow = window.open('add.php?path='+place+'&file='+file,"add_file","status=0,menubar=0,height=250,width=100,top=60px,left=100px");
   button.disabled=true;
   newWindow.focus();
}


alleen wordt de aanroep knop niet gedisabled.
als ik een alert van button doe krijg ik wel netjes de button naam terug..
wat doe ik verkeerd??
pi_44343674
quote:
Op maandag 11 december 2006 23:36 schreef mschol het volgende:
als ik een alert van button doe krijg ik wel netjes de button naam terug..
wat doe ik verkeerd??
Geef je aan de functie alleen de buttonnaam mee, of het buttonobject (evt. opgehaald met iets als document.getElementById)?
"If you are depressed you shouldn't be in C major!" - Rick Beato
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - deel 4
Index

» digital corner

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