[Javascript] voor dummies (deel 10)

donderdag 11 maart 2010 @ 18:29:10 #26

Etimm

quote:
Op donderdag 11 maart 2010 18:19 schreef KomtTijd... het volgende:

[..]

Ja stupid getElementsByTagName geeft natuurlijk een array terug. Toch maar even een for-loop maken dus.

Hey, ik scheld jou toch ook niet uit?

Zo "natuurlijk" is javascript niet voor mij en dat de functie getElementsByTagName een array geeft wist ik niet.

Wat voor resultaat moet er ipv 'td' komen dan? Wat moet ik met de for-loop voor resultaat geven? td[1]?

donderdag 11 maart 2010 @ 18:30:59 #27

Etimm

quote:
Op donderdag 11 maart 2010 18:13 schreef Darkomen het volgende:
Doet moet je niet inline gaan doen.

Maak een functie die door alle tr's van je tabel loopt.
Geeft je tr's een id en bepaald daarop de kleur.

kun je me een voorbeeldje geven? kan ik de tr's een zelfde id geven?

donderdag 11 maart 2010 @ 18:35:58 #28

KomtTijd...

quote:
Op donderdag 11 maart 2010 18:30 schreef Etimm het volgende:

[..]

kun je me een voorbeeldje geven? kan ik de tr's een zelfde id geven?

http://w3schools.com/js/js_loop_for_in.asp alsjeblieft.
En nee.

En stupid van mezelf bedoelde ik

zcflevo.nl

donderdag 11 maart 2010 @ 21:22:12 #29

Etimm

Okeej, dat had ik niet door. Ik voel me nu ook ff stupid

Ik kon me vanmiddag echt niet meer concentreren dus ben ik zostraks maar wat anders gaan doen.
Gelukkig kreeg ik net weer inspiratie om overnieuw te beginnen. Ik ben wat verder maar niet alles werkt nog zoals ik dat wil:

Als ik op een regel klik dan stopt de mouseover. Helaas betekend dit gelijk dat deze ook stopt voor alle andere regels.

Hoe kan ik ervoor zorgen dat de mouseover alleen voor de geselecteerde regel stopt?

Hier is de nieuwe versie en hieronder de 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68

<HTML>
<HEAD>
<SCRIPT type="text/javascript">
var status=false;
var wissel=false;

function ChangeStatus(selected)
{
   if (selected)
   {
      if (wissel)
      {
         status=false;
       wissel=false;
      }
      else
      {
         status=true;
       wissel=true;
      }
   }
}

function ChangeColor(tableRow, highLight)
{
   if (status)
   {
   }
   else
   {
      if (highLight)
      {
         tableRow.style.backgroundColor = '#3399ff';
      }
      else
      {
         tableRow.style.backgroundColor = 'white';
      }
   }
}

</SCRIPT>
</HEAD>
<BODY>

<table width=590 border=0 style="padding:0px; border-collapse: collapse;">
<tr><td>MAAK EEN KEUZE</td></tr>

   <tr onmouseover="ChangeColor(this, true);"
   onmouseout="ChangeColor(this, false);"
   onclick="ChangeColor(this, true); ChangeStatus(true);">
   <td>een</td></tr>

    <tr onmouseover="ChangeColor(this, true);"
   onmouseout="ChangeColor(this, false);"
   onclick="ChangeColor(this, true); ChangeStatus(true);">
   <td>twee</td></tr>

   <tr onmouseover="ChangeColor(this, true);"
   onmouseout="ChangeColor(this, false);"
   onclick="ChangeColor(this, true); ChangeStatus(true);">
   <td>drie</td></tr>

</table>
<input type=button onClick="location.href='#';" value="Go >>">

</BODY>
</HTML>

[ Bericht 46% gewijzigd door Etimm op 12-03-2010 09:10:34 ]

woensdag 24 maart 2010 @ 09:56:47 #30

Sitethief

Fulltime Flapdrol

Ik heb een hele serie li's die allemaal andere tekst bevatten, ik wil een CSS class toepassen op een li als hij een bepaalde waarde heeft, dus in feite: iif object has html do this with object .
Ik krijg het alleen niet voor elkaar in JS.....

Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)

woensdag 24 maart 2010 @ 10:19:55 #31

Light

Welk stuk krijg je niet voor elkaar? getElementsByTagName() , innerHTML of setAttribute() ?

fokstok.nl

woensdag 24 maart 2010 @ 10:31:54 #32

Sitethief

Fulltime Flapdrol

Ik heb nu dit

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

$('cat').addEvent('blur', function(el){
            if($chk(this.value)){
                 var checkArray = this.value.split(' ');
                 var liArray = $$('li').get('html');
                 liArray.each(function(el) {
                     var check = checkArray.contains(el);
                     if(check == '1'){
                         alert(el);
                     }
                  });
            };
        });

Cat is een invoerveld met waarden, als een waarde in Cat word getypt moet de li van CSS class veranderen. maar die li's hebben allemaal verschillende id's.

Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)

woensdag 24 maart 2010 @ 11:07:45 #33

Sitethief

Fulltime Flapdrol

1
2
3
4
5
6
7
8
9
10
11

         $('cat').addEvent('blur', function(el){
             var checkArray = this.value.split(' ');
             var liArray = $$('li').get('html');
             liArray.each(function(el) {
                 var check = checkArray.contains(el);
                 if(check == '1'){
                     var liId = 'cat_' + el;
                     $(liId).set('class', 'tagSelected');
                 }
             ;
        ;

Ik ben al dichterbij!

Edit: hij werkt!

[ Bericht 11% gewijzigd door Sitethief op 24-03-2010 11:12:32 (werkend!) ]

Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)

donderdag 25 maart 2010 @ 10:35:35 #34

DutchBlood

Ik ben bezig om een google maps dingetje te implementeren.
Op basis van een adres dient een marker(zo'n bolletje) getoond te worden. Dit is de standaard google maps 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

Deze bevindt zich in de header. In de pagina zelf bevindt zich dan de volgende code:

1
2
3
4
5
6
7

<body onload="initialize()" onunload="GUnload()">
<form action="#" onsubmit="showAddress(this.address.value); return false">
      <p>
        <input type="text" size="60" name="address" id="address" value="{$group->address}" />
        <input type="submit" value="Go!" />
      </p>
      <div id="map_canvas" style="width: 500px; height: 300px"></div>

Dit werkt allemaal

. Probleem is alleen dat - vanzelfsprekend - de kaart pas wordt getoond als op Go! wordt geklikt.
Dit wil ik anders, bij het laden van de pagina wil ik graag de kaart tonen.

Ik heb al zitten klooien met onLoad etc, maar mijn JS kennis is dermate beperkt dat ik het niet voor elkaar krijg. Lastige hierin is dat het om een dynamische website gaat en de value van address nog niet bekent is bij het laden van de code uit de header.

Hoe kan ik er dus voor zorgen dat die kaart meteen de marker toont?

Voorbeeldje van Google: http://code.google.com/in(...)eocoding-simple.html
Documentatie: http://code.google.com/in(...)tation/services.html

donderdag 25 maart 2010 @ 11:29:13 #35

Darkomen

beetje een omweg maar, autosubmit het forumuilier?

donderdag 25 maart 2010 @ 15:35:23 #36

DutchBlood

Bedankt, heeft iemand wellicht een andere suggestie?

donderdag 25 maart 2010 @ 16:11:26 #37

KomtTijd...

Ik snap niet helemaal waarom je dit via een formsubmit doet.
Je kunt toch gewoon een inline-script onder de inputs zetten, dat de functie showAddress() aanroept?

zcflevo.nl

vrijdag 26 maart 2010 @ 11:33:31 #38

DutchBlood

quote:
Op donderdag 25 maart 2010 16:11 schreef KomtTijd... het volgende:
Ik snap niet helemaal waarom je dit via een formsubmit doet.
Je kunt toch gewoon een inline-script onder de inputs zetten, dat de functie showAddress() aanroept?

Omdat ik een JavaScript n00b ben

.

Hoe moet ik dat voor me zien?

vrijdag 26 maart 2010 @ 11:43:44 #39

KomtTijd...

1	<script>showAddress('{$smartydinges}');</script>

Wel zorgen dat je het een beetje onderaan zet, anders is je DOM nog niet compleet geladen, en loopt je script hierop vast.

zcflevo.nl

maandag 29 maart 2010 @ 15:32:58 #40

Sitethief

Fulltime Flapdrol

Wie heeft er ervaring met DataGrids? Ik ben een beetje aan het kijken naar goede library's/plugins die over DataGrids beschikken.

Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)

woensdag 7 april 2010 @ 15:32:06 #41

D-Industries

Hey iedereen,

Ben me een beetje aan het verdiepen in JavaScript, beginnende met de basics @ www.wc3schools.com
en ik loop bij het volgende vast:

1
2
3

x="5"+5;
document.write(x);
document.write("<br />");

Resultaat = 55

Hoe is dat 55? Ik weet dat het antwoord vast erg simpel is, maar toch zie ik 'm niet. Kan iemand mij een heldere uitleg geven? Bij voorbaat dank!

quote:
Op woensdag 7 april 2010 15:47 schreef KomtTijd... het volgende:
omdat een string "5" waar je nog een 5 achter zet, de string "55" oplevert.

Ah ik begrijp het nu. Dankje

[ Bericht 27% gewijzigd door D-Industries op 07-04-2010 15:51:15 ]

Altijd aan het dromen...

woensdag 7 april 2010 @ 15:47:43 #42

KomtTijd...

omdat een string "5" waar je nog een 5 achter zet, de string "55" oplevert.

zcflevo.nl

donderdag 8 april 2010 @ 15:42:31 #43

SuperRembo

Sinds 1998

Laat ik ook weer eens een vraag stellen :)

Ik zat te kijken naar een implementatie van Array.filter() op Mozilla Developer Center.

Ik vraag me af wat het nut is van de bitshift operatie op deze regel:

1	var len = this.length >>> 0;

donderdag 8 april 2010 @ 23:34:50 #44

D-Industries

Iemand bekend met http://smoothgallery.jondesign.net/showcase/timed-gallery/

Kan iemand die met de code bekend is mij vertellen hoe ik de descriptions uit kan zetten? Ik kom er niet aan uit. Is een beetje lastig om hier de code te pasten als k niet weet welke het wel of niet is :p

Voor de rest wel werkend gekregen, prima uitleg op de site. Zou alleen graag van de description af willen (A).

edit: andere oplossing gevonden.

[ Bericht 23% gewijzigd door D-Industries op 09-04-2010 13:06:37 ]

Altijd aan het dromen...

vrijdag 9 april 2010 @ 21:08:31 #45

Chandler

Hoi allemaal,

Ik heb een javascript preloader die alle afbeeldingen op een pagina kunnen preloaden, echter krijg ik een error op een pagina met meer dan 600 afbeeldingen (in Google Chrome)

1 2	Uncaught TypeError: Cannot read property '0' of null queryLoader.js:48

Het is deze preloader
http://www.gayadesign.com(...)ur-website-in-style/

voorbeeld + download: http://www.gayadesign.com/scripts/queryLoader/

Anyone die hier eventueel een oplossing voor weet?

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

dinsdag 20 april 2010 @ 18:15:36 #46

Dokay

Ago ergo sum

ik zou graag willen dat een form meteen wordt gesubmit als de gebruiker in de droplist een keuze heeft gemaakt. Nu heb ik er nog een aparte knop naast staan waar de gebruiken op moet klikken om te submitten. Ik kan vreemd genoeg geen scriptjes hiervoor vinden. Iemand een idee?

dinsdag 20 april 2010 @ 18:23:08 #47

Darkomen

dan heb je niet goed gezocht.
document.form{x}.submit(), of document.getelementby id

Maar het is geen goed idee, wat als de gebruiker een verkeerde keuze maakt, of via de pijltjes toetsen werkt.

FOK!-Schrikkelbaas donderdag 22 april 2010 @ 14:47:18 #48

Swetsenegger

Egocentrische Narcist

waarom werkt dit niet

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

switch (userLanguage)
{
   case 'en':
   case 'nl':
   case 'de':
   case 'fr':
   case 'it':
   case 'es':
   case 'pt':
   case 'da':
   case 'sv':
   case 'no':
   case 'fi':
   case 'ru':
     cookieLanguage=userLanguage;
     break;
   default:
     cookieLanguage="en";
}

Als userLanguage bv 'hu' is, komt er na de switch geen 'en' uit maar nog steeds 'hu' ?

 | FOK! Schrikkelbaasch

donderdag 22 april 2010 @ 15:29:07 #49

DaFan

'hu' staat niet in je lijst?

donderdag 22 april 2010 @ 15:43:55 #50

KomtTijd...

quote:
Op donderdag 22 april 2010 15:29 schreef DaFan het volgende:
'hu' staat niet in je lijst?

Dat is juist het idee, dat bij een onbekende taal gedefault wordt naar engels. Lijkt me.

-edit-
Na de switch lees je wel cookieLanguage uit, en niet per-ongeluk weer userLanguage?

zcflevo.nl

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

» digital corner

» development

» digital corner

» development