[Javascript] voor dummies - deel 3

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_37190783
Ik weet niet wat je nou precies wil.
Een beetje vreemd om in elke mouseover de onclick te zetten. Je hoort ook geen "javascript:" in onclick/onmouseover events. document[img_name].src werkt niet in firefox.

Een nette manier om popup links te maken:

1
2
3
4
5
6
7
8
9
10		<script type="text/javascript">
function PopLink(p_el) {
   var url = p_el.href;
   if (url) {
      var win = window.open(url, 'PopLink', 'resizable=yes,width=400,height=300');
      if (win) win.focus();
   }
   return false;
}
</script>

1
2
3		<a href="http://www.google.com/logos/Logo_60wht.gif" 
   onclick="return PopLink(this)"><img 
   src="http://www.google.com/logos/Logo_25wht.gif" alt="Google"></a>
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zaterdag 22 april 2006 @ 18:58:18 #252
95194 SpeedyRich
doe ff normaal
pi_37191255
quote:
Op zaterdag 22 april 2006 18:41 schreef SuperRembo het volgende:
Ik weet niet wat je nou precies wil.
Een beetje vreemd om in elke mouseover de onclick te zetten. Je hoort ook geen "javascript:" in onclick/onmouseover events. document[img_name].src werkt niet in firefox.

Een nette manier om popup links te maken:
[ code verwijderd ]


[ code verwijderd ]
dit is idd beter
Op dinsdag 2 september 2008 22:59 schreef Danny het volgende:
sorry.
leukste topic aller tijden
Voor computergerelateerde vragen klik hier
pi_37192157
Dat had ik inderdaad nodig, bedankt!
pi_37273131
Ik zit mijn hoofd nu al uren te breken over een stom klotefoutje Ik krijg de melding
1
2
3		Fout document.getElementById(test) has no properties
Bronbestand http://fok.chillosophy.nl/layout3.html
Regel 236


http://fok.chillosophy.nl/layout3.html
Ik probeer een soort tablayout te maken in een pagina, die tussen iframes switcht. De iframes hebben de namen 'frame0' t/m 'frame6', maar als ik ze probeer aan te roepen met
1var test = 'frame' + c;

waarbij c een getal is, krijg ik die foutmelding. Wat zie ik over het hoofd?

IE werkt nog niet doordat :Hover niet ondersteunt wordt voor divs, dat ga ik later nog toevoegen. Opera werkt ook niet helemaal naar behoren, tabs kunnen niet verwijderd worden. Aan te raden is dus het in Firefox te proberen
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_37273360
je moet ze geen name geven, maar een id. Daarom heet het ook ElementById

[ Bericht 31% gewijzigd door #ANONIEM op 25-04-2006 11:09:26 ]
pi_37273664
quote:
Op dinsdag 25 april 2006 11:09 schreef Scorpie het volgende:
je moet ze geen name geven, maar een id. Daarom heet het ook ElementById
Daarom hebben ze tevens een id
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
  dinsdag 25 april 2006 @ 12:26:47 #257
3415 Webby
1 omhoog!
pi_37275695
Maar je hebt de td met de iframes het id "tabbox" en daar zet je vervolgens via addTab html in welke geen iframes bevat, waardoor frame0 helemaal niet bestaat, plaats je id eens 1 td omhoog
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
pi_37275825
quote:
Op dinsdag 25 april 2006 12:26 schreef Webby het volgende:
Maar je hebt de td met de iframes het id "tabbox" en daar zet je vervolgens via addTab html in welke geen iframes bevat, waardoor frame0 helemaal niet bestaat, plaats je id eens 1 td omhoog
OMFG!

Slapen schijnt goed voor je te zijn, misschien moet ik dat eens proberen. Thx
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
  dinsdag 25 april 2006 @ 12:38:43 #259
3415 Webby
1 omhoog!
pi_37276034
En als je zonodig de pseudoclass :hover wilt gebruiken, waarom gebruik je dan gaan a tags die je met style display:block vormt ?
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
pi_37276093
quote:
Op dinsdag 25 april 2006 12:38 schreef Webby het volgende:
En als je zonodig de pseudoclass :hover wilt gebruiken, waarom gebruik je dan gaan a tags die je met style display:block vormt ?
Omdat ik een cssnewbie ben Maar bedankt voor de tip!
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
  dinsdag 25 april 2006 @ 13:04:32 #261
3415 Webby
1 omhoog!
pi_37276802
Dan is dit misschien een leuk artikeltje: http://www.alistapart.com/articles/taminglists/
Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom
  FOK!-Schrikkelbaas maandag 1 mei 2006 @ 21:27:07 #262
1972 Swetsenegger
Egocentrische Narcist
pi_37467250
Korte vraag
ik een var betaling gedeclareerd.
Als ik die met een document.write ergens in mijn html zet, komt deze ook netjes terug.
Maar ik krijg hem niet ge-alert in een onclick wat ik ook probeer, ik krijg of niets terug of ik krijg[ object nodelist] als alert terug
 | FOK! Schrikkelbaasch
pi_37467312
quote:
Op maandag 1 mei 2006 21:27 schreef Swetsenegger het volgende:
Korte vraag
ik een var betaling gedeclareerd.
Als ik die met een document.write ergens in mijn html zet, komt deze ook netjes terug.
Maar ik krijg hem niet ge-alert in een onclick wat ik ook probeer, ik krijg of niets terug of ik krijg[ object nodelist] als alert terug
Geef eens de kortst mogelijke code waarmee je dit probleem hebt kan goed zijn dat het een scope-probleem is bijvoorbeeld.
  FOK!-Schrikkelbaas maandag 1 mei 2006 @ 21:33:22 #264
1972 Swetsenegger
Egocentrische Narcist
pi_37467458
quote:
Op maandag 1 mei 2006 21:28 schreef JeRa het volgende:

[..]

Geef eens de kortst mogelijke code waarmee je dit probleem hebt kan goed zijn dat het een scope-probleem is bijvoorbeeld.
Eh...

in de header include ik een script.js waarin de var gedeclareerd wordt :
1var betaling='test';

In de body in een formulier heb ik een document.write staan welke de var op beeld zet. Die werkt.
Een regel lager staat een input type="button" welke op een onClick="alert(''+betaling+'');" moet doen.
En die geeft een object.
 | FOK! Schrikkelbaasch
pi_37467574
quote:
Op maandag 1 mei 2006 21:33 schreef Swetsenegger het volgende:
Een regel lager staat een input type="button" welke op een onClick="alert(''+betaling+'');" moet doen.
En die geeft een object.
Die alert is javascript en betaling ook, dus waarom plak je het als strings aan elkaar?

Zou onClick="alert( betaling );" niet het gewenste resultaat moeten opleveren?
"If you are depressed you shouldn't be in C major!" - Rick Beato
  FOK!-Schrikkelbaas maandag 1 mei 2006 @ 22:44:32 #266
1972 Swetsenegger
Egocentrische Narcist
pi_37470753
quote:
Op maandag 1 mei 2006 21:37 schreef Litpho het volgende:

[..]

Die alert is javascript en betaling ook, dus waarom plak je het als strings aan elkaar?

Zou onClick="alert( betaling );" niet het gewenste resultaat moeten opleveren?
betaling is een variabele en alert is een functie. Ook in javascript horen vars buiten quotes.
Dus verwacht je dat jouw methode zou werken, maar dan alert 'ie niets.
alert('betaling'); geeft uiteraard betaling als resultaat

-edit- met jouw methode geeft hij ook Object

ok, probleem gelocaliseerd
1
2
3
4
5		<tr>
   <td><input type="radio" name="betaling" onChange="setGoal('test')" />methode 1 
       <input type="radio" name="betaling" onChange="setGoal('test2')" />methode 2
   </td>
</tr>


setGoal doet niets anders dan de var betaling vullen met een bepaalde waarde. Zoals je ziet wordt die met een onChange van een radio button aangeroepen (ik heb ook een onSelect geprobeerd).

Zodra dit in mijn html staat geeft de eerder genoemde onclick Object terug.

1
2
3
4
5
6
7
8
9		<tr>
   <td><input type="radio" name="betaling" onChange="setGoal('test')" />methode 1 
       <input type="radio" name="betaling" onChange="setGoal('test2')" />methode 2
   </td>
</tr>
<tr>
   <td><input type="button" value="Bestellen" onClick="alert(betaling);" />
   </td>
</tr>



-edit 2-
Je veranderd de 'name' van de radio's en het werkt wel

[ Bericht 12% gewijzigd door Swetsenegger op 01-05-2006 23:02:14 ]
 | FOK! Schrikkelbaasch
pi_37610223
Ik ben een beetje bezig met javascript, maar ik zoek nog een goede (bij voorkeur gratis) editor.
Een editor die ook dingen kan aanvullen als je window. typt etc;)

Iemand ideen?
pi_37855828
nevermind, heb het gevonden.

Was iets simpels, het pad naar het bestand voor de request klopte niet

[ Bericht 44% gewijzigd door Darkomen op 15-05-2006 20:56:36 ]
  donderdag 18 mei 2006 @ 17:01:09 #269
58673 Krisis1981
The great southern trendkiller
pi_37956151
De editor die ik gebruik en ook zeer zeker fijn werkt met Javascript is NotePad ++, vult echter niets aan bij mijn weten.
This regret, it kills you'll never forget, take the time this time to say your goodbyes
Sparta - Glasshouse Tarot from the album Wiretap Scars
  donderdag 18 mei 2006 @ 17:17:13 #270
12880 CraZaay
prettig gestoord
pi_37956731
quote:
Op maandag 1 mei 2006 22:44 schreef Swetsenegger het volgende:

[..]

betaling is een variabele en alert is een functie. Ook in javascript horen vars buiten quotes.
Doe je met php dan ook het volgende?
1
2		$test = 'blaat';
echo(''.$test.'');


Gewoon alert(var); dus.
pi_38615774
Ik wil graag een divje kunnen draggen, op het moment kan ik de div 'vastpakken' en gaat slepen.

Als je met het divje gaat slepen, dan blijft je muis altijd in het midden van de div. Ik wil echter dat de muis op de plaats blijft waar ik de div 'vastpakte'.

html:
1
2
3
4
5
6
7
8
9
10
11
12		<!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="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script type="text/javascript" src="drag.js"></script>
  </head>
  <body>
  <div id="drag" style="position: absolute; left: 100px; top: 100px; height: 200px; width: 200px; background-color: #fff000;"></div>
  </body>
</html>


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
26
27
28
29
30
31
32
33
34
35
36
37		var ie = document.all ? true : false;   
var x = 0;
var y = 0;

if (!ie) document.captureEvents(Event.MOUSEMOVE)

document.onmousedown = set_drag;
document.onmouseup = reset_drag;
function set_drag(){
    document.onmousemove = drag;
}
function reset_drag(){
    document.onmousemove = null;
}

function drag(e) {
                    var div = document.getElementById('drag');
                    if (ie) {
                      x = event.clientX + document.body.scrollLeft;
                      y = event.clientY + document.body.scrollTop;
                    }
                    else {
                      x = e.pageX;
                      y = e.pageY;
                    }
                    var width = parseInt(div.style.width);
                    var height = parseInt(div.style.height);
                    //var xin = (x - (parseInt(div.style.left)));
                    //var yin = (y - (parseInt(div.style.top)));
                  
                    x = (x < 0) ? 0 : x - (width / 2);
                    y = (y < 0) ? 0 : y - (height / 2);
                  div.style.top = y;
                  div.style.left = x;
                  
                  return true;
}


Ik heb het al geprobeerd door ipv de helft van de width van de div, de 'xin' van de x af te trekken. Dit klopt echter niet, want:
x - parsint(div.style.left) = x - xin
xin = parseint(div.style.left), dus dan wordt er niet meer 'gedragged'.

Iemand een oplossing voor mijn probleem?
  woensdag 7 juni 2006 @ 13:57:32 #272
124802 joupee
dat spreek je uit als zjoepee
pi_38624336
Ik ben bezig met een beetje java, maar ik kom er niet uit.
Het is de bedoeling dat er een vierkant ronddraait en dat er dan op de hoekpunten kleinere vierkantjes ronddraaien. De code zit er tot nu toe als volgt uit:

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		import tekenapplet.*;

public class Class1 extends TekenApplet
{
   double hoek;
   
   public void initialiseer()
   {   maakAnimatieMogelijk();
      achtergrondkleur("blauw");
   }
   
   public void tekenprogramma()
   {   
      links(hoek);
      vierkant(100);
      links(hoek);
      vierkant(50);
      penUit();
      vooruit(75);
      rechts(90);
      vooruit(25);
      rechts(90);
      penAan();
      links(hoek);
      vierkant(50);
   }
   
   void vierkant(double z)
   {      penUit();
         vooruit(z/2);
         rechts(90);
         vooruit(z/2);         
         vulAan("oranje");
         rechts(90);
         vooruit(z);
         rechts(90);
         vooruit(z);
         rechts(90);
         vooruit(z);
         rechts(90);
         vooruit(z);
         vulUit();         
   }
   
   public void animatie()
   {   while(animatieLopend())
      {   hoek = hoek + .5;
         tekenOpnieuw();
      }
   }
}

Het probleem nu is dat de kleinere vierkantjes aan elkaar gekoppeld zitten en ik heb geen flauw idee hoe ik dit kan verhelpen...
pi_38624551
quote:
Op woensdag 7 juni 2006 13:57 schreef joupee het volgende:
Ik ben bezig met een beetje java, maar ik kom er niet uit.
Het is de bedoeling dat er een vierkant ronddraait en dat er dan op de hoekpunten kleinere vierkantjes ronddraaien. De code zit er tot nu toe als volgt uit:
[ code verwijderd ]

Het probleem nu is dat de kleinere vierkantjes aan elkaar gekoppeld zitten en ik heb geen flauw idee hoe ik dit kan verhelpen...
java != javascript
dus ik zou als ik jou was een apert topic openen
pi_38624738
quote:
Op woensdag 7 juni 2006 14:04 schreef mschol het volgende:

[..]

java != javascript
dus ik zou als ik jou was een apert topic openen
Idd
  woensdag 7 juni 2006 @ 14:14:27 #275
124802 joupee
dat spreek je uit als zjoepee
pi_38624842
quote:
Op woensdag 7 juni 2006 14:04 schreef mschol het volgende:

[..]

java != javascript
dus ik zou als ik jou was een apert topic openen
hmm.. dus echt een dummie he, ik snap niet eens wat je hiermee bedoelt
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - deel 3
Index

» digital corner

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