[Javascript] voor dummies (deel 7)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_56736949
quote:
Op donderdag 14 februari 2008 16:46 schreef Flaccid het volgende:
Ik heb een textbox met value = 'Password'. Nu wil ik onclick het type veranderen naar een password field, en de textbox legen. this.type='password' werkt hier niet in IE
Bij A List Apart staat een mooie oplossing beschreven: http://www.alistapart.com(...)formsmoreaccessible/
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  dinsdag 19 februari 2008 @ 22:22:03 #78
105263 Litso
Interlectueel.
pi_56847998
Ok, ik ben zelf een image gallery aan het bouwen en nu heb ik in JS een slidebar gemaakt voor de thumbnails, maar die loopt niet zo soepel. In IE 7 geen problemen, maar in FF hakkelt hij ontzettend.
Nu ben ik sowieso geen held in JS, dus ga ik ervanuit dat het ligt aan mijn inferieure scriptingskills, maar heeft iemand een idee hoe ik dit kan optimaliseren?

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		   function left(max) {

      for(x=180;x>0;x=x-30) {         
         newleft = parseInt(document.getElementById('bar').style.left);
         if (newleft > 0) { break; }
         window.setTimeout('step(' + x + ')', x);

      }
   }
   function right(max) {
   
      for(x=180;x>0;x=x-30) {         
         newleft = parseInt(document.getElementById('bar').style.left);
         newright = newleft + max;
         if (newright < 700) { break; }
         window.setTimeout('step(-' + x + ')', x);

      }         
   }

   function step(step) {
      
      document.getElementById('bar').style.left = parseInt(document.getElementById('bar').style.left) + step;

   }


De scrollknopjes roepen uiteraard respectievelijk left(x) en right(x) aan, met als x de breedte van de totale div.

De site: http://litso.com/gallery/index.php?action=tagged

Iemand een idee?
"Dat is echt ontzettend zielig" ©
pi_56851997
Volgens mij werkt'ie hier in Fx gewoon goed hoor? (2.0.0.12)

Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
dus <=, >=, == enz. in plaats van <, > en =
  woensdag 20 februari 2008 @ 01:01:54 #80
105263 Litso
Interlectueel.
pi_56852115
quote:
Op woensdag 20 februari 2008 00:53 schreef mcDavid het volgende:
Volgens mij werkt'ie hier in Fx gewoon goed hoor? (2.0.0.12)

Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
dus <=, >=, == enz. in plaats van <, > en =
>= betekent wat anders dan >, dus lijkt me stug.
Maar hij doet het ook gewoon soepel? Hier niet namelijk, maar ik bedenk me net dat ik op FF3 Beta zit.

edit: bij nader inzien had ik alleen nog op mn laptop getest. Op mn desktop doet ie het wel goed. Lag dus aan de laptop (acer )
"Dat is echt ontzettend zielig" ©
pi_56853336
quote:
Op woensdag 20 februari 2008 00:53 schreef mcDavid het volgende:
Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
dus <=, >=, == enz. in plaats van <, > en =
Dat is onzin. Je moet natuurlijk wel goed letten op het verschil tussen = en ==.

Hier werkt ie trouwens ook soepel in FF3 (beta), ondanks de niet optimale code. De makkelijkste optimalisatie die je kan doen is om niet telkens document.getElementById('bar') uit te voeren. Dat kost relatief veel tijd, die kan je beter 1x uitvoeren en opslaan in een variabele.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_56859675
ik weet het verschil in betekenis, maar had zelf een keer een scriptje dat alleen werkte met dubbele == enzo. Maar wellicht kwam dat dan wel juist door het verschil in betekenis.
  woensdag 20 februari 2008 @ 14:52:59 #83
105263 Litso
Interlectueel.
pi_56860692
quote:
Op woensdag 20 februari 2008 14:11 schreef mcDavid het volgende:
ik weet het verschil in betekenis, maar had zelf een keer een scriptje dat alleen werkte met dubbele == enzo. Maar wellicht kwam dat dan wel juist door het verschil in betekenis.
Bij = en == klopt het wel.
x = 5 betekent dat x de waarde 5 krijgt, x == 5 checkt of x gelijk is aan 5.
Bij andere operatoren hoeft dat dus niet.
"Dat is echt ontzettend zielig" ©
  woensdag 20 februari 2008 @ 19:25:45 #84
85514 ralfie
!Yvan eht nioj
pi_56867303
ja en

< betekent kleiner dan
<= kleiner dan of gelijk aan
> groter dan
>= groter dan of gelijk aan

Nogal een verschil dus
pi_57127283
Is Opera zo slecht met Javascript of ligt het echt aan mij?

http://zcflevo.nl/files/thumbnails.js Zo pittig is de functie openinfo(y) toch ook weer niet?

[ Bericht 39% gewijzigd door mcDavid op 03-03-2008 14:59:47 ]
pi_57131407
quote:
Op maandag 3 maart 2008 14:54 schreef mcDavid het volgende:
Is Opera zo slecht met Javascript of ligt het echt aan mij?

http://zcflevo.nl/files/thumbnails.js Zo pittig is de functie openinfo(y) toch ook weer niet?
Lijkt me ook niet. Wat is 't probleem dan? Heb je een voorbeeld online?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_57131582
www.zcflevo.nl

als je op zo'n gele link klikt, dan op terug, en dan nog een keer op dezelfde link klikt, dan doet'ie het niet meer in opera.

Met terug wordt een frame geopend dat parent.docment.GetElementById("info").style="hidden" doet. Zodat hij weer verstopt wordt.

Dat bleek het eerst ook al niet te doen in opera, maar dat heb ik al opgelost.
pi_57132406
Ik zie ook niet wat er fout gaat.

Misschien een andere oplossing zoeken. Als je ook ergens een linkje toevoegt om het eerste info schermpje (met het weer) te laten zien dan heb je die terug knop niet nodig. Of laat de iframe altijd zien, en laadt er als eerste de weer-info in.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_57132785
quote:
Op maandag 3 maart 2008 18:57 schreef SuperRembo het volgende:
Ik zie ook niet wat er fout gaat.

Misschien een andere oplossing zoeken. Als je ook ergens een linkje toevoegt om het eerste info schermpje (met het weer) te laten zien dan heb je die terug knop niet nodig. Of laat de iframe altijd zien, en laadt er als eerste de weer-info in.
Dat laatste wou ik nou juist liever niet. Is kut voor de structuur. Op de indexpagina zou het (zoals 'ie nu is) misschien nog kunnen maar op de andere pagina's is het rot.

Moet toch maar es PHP onder de knie zien te krijgen. Dan heb ik helemaal geen iframes meer nodig.
  maandag 3 maart 2008 @ 20:09:17 #90
136730 PiRANiA
All thinking men are atheists.
pi_57134285
quote:
Op maandag 3 maart 2008 19:12 schreef mcDavid het volgende:

[..]

Dat laatste wou ik nou juist liever niet. Is kut voor de structuur. Op de indexpagina zou het (zoals 'ie nu is) misschien nog kunnen maar op de andere pagina's is het rot.

Moet toch maar es PHP onder de knie zien te krijgen. Dan heb ik helemaal geen iframes meer nodig.
Doen!
Dag Google!
  donderdag 13 maart 2008 @ 10:07:54 #91
37634 wobbel
Da WoBBeL King
pi_57346157
Hellep

Waarom doet http://www.dumpzooi.nl/v2/TEST.php het wel in IE7, maar niet in Firefox?
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_57350119
quote:
Op donderdag 13 maart 2008 10:07 schreef wobbel het volgende:
Hellep

Waarom doet http://www.dumpzooi.nl/v2/TEST.php het wel in IE7, maar niet in Firefox?
Omdat document.all false oplevert in Firefox?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  donderdag 13 maart 2008 @ 15:07:18 #93
37634 wobbel
Da WoBBeL King
pi_57352322
quote:
Op donderdag 13 maart 2008 13:11 schreef SuperRembo het volgende:

[..]

Omdat document.all false oplevert in Firefox?
aah me is not so smart maar het werkt idd

Hosted VoIP SIP trunks Vast mobiel VoIP
  donderdag 13 maart 2008 @ 22:26:23 #94
37634 wobbel
Da WoBBeL King
pi_57362693
IS AL OPGELOST!! ZIE OPLOSSING HIERONDER

Ik heb de volgende code, die geeft mij 3 alert venstertjes met 255, 123 en 88 goed dus

1
2
3
4
5		var teontledenvariable='255,123,88';
var geontleed=teontledenvariable.split(",");
alert ( geontleed[0] ); // poept 255 uit
alert ( geontleed[1] ); // poept 123 uit
alert ( geontleed[2] ); // poept 88 uit


Maaar nu als ik onderstaande code doe, krijg ik niks

1
2
3
4
5
6
7		rgbwaarde = myColorPicker.CurColor; // deze waarde komt van een javascript colorpicker
alert ( rgbwaarde ); // geeft een goede RGB code terug, dus deze waarde bestaat
var teontledenvariable=rgbwaarde;
var geontleed=teontledenvariable.split(",");
alert ( geontleed[0] ); // ik krijg niks
alert ( geontleed[1] ); // ik krijg niks
alert ( geontleed[2] ); // ik krijg niks


Ik krijg de eerste alert wel (dus een alert venstertje met bijv. 139, 254, 12) maar hij gaat de variable RGBWAARDE niet ontleden

IE7 geeft dan: Deze eigenschap of methode wordt niet ondersteund door dit object

[edit]

Dankzij wat MSN / Gtalk vriendjes opgelost

Dit is de code

1
2
3
4
5
6
7
8		[code]
rgbwaarde = myColorPicker.CurColor; // deze waarde komt van een javascript colorpicker
alert ( rgbwaarde ); // geeft een goede RGB code terug, dus deze waarde bestaat
var teontledenvariable=rgbwaarde.toString();
var geontleed=teontledenvariable.split(",");
alert ( geontleed[0] ); // ik krijg niks
alert ( geontleed[1] ); // ik krijg niks
alert ( geontleed[2] ); // ik krijg niks
[/code]

[ Bericht 17% gewijzigd door wobbel op 13-03-2008 22:34:00 ]
Hosted VoIP SIP trunks Vast mobiel VoIP
  FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:08:43 #95
1972 Swetsenegger
Egocentrische Narcist
pi_57376039
Ik wil bij een onclick de innerhtml van een element vullen met de src van een andere html.
Is dat uberhaupt mogelijk? document.getElementById('element').innerHTML.src='path/naar/html' werkt niet in ieder geval
 | FOK! Schrikkelbaasch
pi_57376173
quote:
Op vrijdag 14 maart 2008 15:08 schreef Swetsenegger het volgende:
Ik wil bij een onclick de innerhtml van een element vullen met de src van een andere html.
Is dat uberhaupt mogelijk? document.getElementById('element').innerHTML.src='path/naar/html' werkt niet in ieder geval
document.getElementById('element').innerHTML=document.getElementById('element_met_src').src;
  FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:18:58 #97
1972 Swetsenegger
Egocentrische Narcist
pi_57376248
Dank je, maar er is dus geen element met een src, ik wil vanaf filesysteem een html src inladen in de innerhtml
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:20:38 #98
1972 Swetsenegger
Egocentrische Narcist
pi_57376274
Mjah, dat gaat natuurlijk niet zonder ajax bedenk ik me nu
 | FOK! Schrikkelbaasch
pi_57376611
Als je echt volledige pagina's dynamisch wil gaan inladen kun je inderdaad beter óf met ajax gaan werken, óf gebruik maken van divs die standaard hidden zijn en pas tevoorschijn getoverd worden wanneer jee rgens op klikt.

Ik heb een kant en klaar scriptje op Boekenbox staan die in feite hele aparte pagina's uitleest en de inhoud daarvan in een <div> plakt:
http://www.boekenbox.nl/js/ajax_get.js

Gebruik:
<html_element onclick="ajax_get('pagina.htm','div_waar_resultaat_in_moet');" />
pi_57376647
quote:
Op vrijdag 14 maart 2008 15:18 schreef Swetsenegger het volgende:
Dank je, maar er is dus geen element met een src, ik wil vanaf filesysteem een html src inladen in de innerhtml
Wat je wilt is een javascript include.
Dat kan, met een iframe.
Of je dat wilt is iets anders.

-edit- ik heb het zelf gebruikt in de site in me sig. Als je op zo'n gele link klikt.
Maar dat wil ik in de nabije toekomst vervangen door een php-include.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 7)
Index

» digital corner

» development

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