[Javascript] voor dummies (deel 8)

zondag 25 januari 2009 @ 08:53:16 #201

wc-eend

quote:
Op zondag 25 januari 2009 08:09 schreef Light het volgende:
Kun je die code niet beter tussen [ code] en [ /code] zetten? Wordt'ie veel beter leesbaar van.

Veranderd, tag stond niet goed..

zondag 25 januari 2009 @ 09:17:44 #202

Light

Die spoiler om de code mag wel weg hoor, tenzij je denkt dat de code zo slecht is dat je er anderen mee afschrikt.
Overigens denk ik niet dat het een javascriptprobleem is; die paar regels javascript in de code zien er wel goed uit.

fokstok.nl

zondag 25 januari 2009 @ 19:35:26 #203

mcDavid

Ik heb een gallery met een lightbox gemaakt... om direct naar een foto te kunnen linken plaats ik met javascript het nummer van desbetreffende foto achter de hash in de url. In firefox werkt dat, maar IE7 geeft een maffe foutmelding als je zo'n url opent! Iemand enig idee hoe dat komt?

gallery: http://hockeyfeesthoevelaken.nl/fotoboek.php
deeplink naar foto: http://hockeyfeesthoevelaken.nl/fotoboek.php?page=0#0 (deze geeft dus de foutmelding in IE7)

verantwoordelijke stukje script:

1
2
3
4
5
6
7
8

if (location.hash) //checken of hash bestaat
   {
   var x = location.hash.slice(1); //nummer eruit knippen
   if (document.getElementById("img" + x )){
      var y = document.getElementById("img" + x ).name; //bijbehorende fotonaam uit de DOM halen
      openPic(y,x); //lightbox openen met (fotonaam,fotonummer)
   }
}

//edit:
nog wat extra info:
- het bovenstaande script wordt wel gewoon geheel uitgevoerd, maar daarna geeft'ie de melding :

quote:
de website http://enz. kan niet worden geopend.
de bewerking is afgebroken

[ Bericht 4% gewijzigd door mcDavid op 25-01-2009 19:44:33 ]

zondag 25 januari 2009 @ 19:49:50 #204

HuHu

quote:
Op zondag 25 januari 2009 19:35 schreef mcDavid het volgende:
Ik heb een gallery met een lightbox gemaakt... om direct naar een foto te kunnen linken plaats ik met javascript het nummer van desbetreffende foto achter de hash in de url. In firefox werkt dat, maar IE7 geeft een maffe foutmelding als je zo'n url opent! Iemand enig idee hoe dat komt?

gallery: http://hockeyfeesthoevelaken.nl/fotoboek.php
deeplink naar foto: http://hockeyfeesthoevelaken.nl/fotoboek.php?page=0#0 (deze geeft dus de foutmelding in IE7)

verantwoordelijke stukje script:
[ code verwijderd ]

//edit:
nog wat extra info:
- het bovenstaande script wordt wel gewoon geheel uitgevoerd, maar daarna geeft'ie de melding :
[..]

Op Experts Exchange lees ik iets dat de JavaScript code eerder wordt uitgevoerd dan de pagina wordt gerendered en bepaalde dingen dus nog niet beschikbaar zijn voor IE. Een oplossing zou zijn je JavaScript code een paar milliseconden te laten wachten.

Zie: http://www.experts-exchan(...)ript/Q_23514976.html Alleen kan ik die pagina niet goed lezen, omdat je lid moet zijn enzo.

zondag 25 januari 2009 @ 20:06:20 #205

mcDavid

Dat helpt inderdaad! Dankjewel!

-edit-
vervolgvraag:
als iemand weet waarom die 'volgende' knop niet verschijnt als hij de lightbox via de hash opent... mag diegene het zeggen

maandag 26 januari 2009 @ 00:39:04 #206

Roy_T

Aan het onload event van het document hangen, is dat niet een stuk praktischer

maandag 26 januari 2009 @ 13:50:04 #207

mcDavid

zo heb ik het nu idd. Zelfde effect maar dan zonder de halve seconde vertraging

maandag 26 januari 2009 @ 14:21:20 #208

GlowMouse

l'état, c'est moi

quote:
Op zondag 25 januari 2009 19:49 schreef HuHu het volgende:

[..]

Zie: http://www.experts-exchan(...)ript/Q_23514976.html Alleen kan ik die pagina niet goed lezen, omdat je lid moet zijn enzo.

Zorgen dat Google in je referer staat en dan flink scrollen.

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

<html>
<script type="text/javascript">
   document.cookie = "divBottom";

   function test()
   {
      window.location.hash = '#' + document.cookie;
   }
</script>
<body onload="test()">
   <div id="divTop" style="height:1000">Top</div>
   <div id="divBottom">Bottom</div>
</body>
</html>

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

maandag 26 januari 2009 @ 14:22:19 #209

HuHu

quote:
Op maandag 26 januari 2009 14:21 schreef GlowMouse het volgende:

[..]

Zorgen dat Google in je referer staat en dan flink scrollen.
[ code verwijderd ]

Ik gebruik geen Firefox

. Maar ik laad de pagina altijd in de Google Cache, dat werkt ook.

maandag 26 januari 2009 @ 20:37:59 #210

Flaccid

Ik heb een div die na een tijd getoond word door een simpele select element by id dmv een onclick. En dan display:inline oid. Nu komt ie wel tevoorschijn, maar kan dit misschien iets smoother? Met een fade of met het lightbox resize dingetje?

woensdag 28 januari 2009 @ 14:41:59 #211

Chandler

Weet iemand hoe je snel een selectbox kunt dupliceren middels javascript? ik heb gezocht maar niet gevonden.

dus gewoon simpel gezegd in 1x de gehele inhoud van een selectbox kopieren van de ene naar de ander that's all.. nu dacht ik zelf aan een functie die alle items doorloopt maar lijkt het mij handiger als dit in 1x gedaan zou kunnen worden..

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

woensdag 28 januari 2009 @ 14:46:42 #212

HuHu

quote:
Op woensdag 28 januari 2009 14:41 schreef Chandler het volgende:
Weet iemand hoe je snel een selectbox kunt dupliceren middels javascript? ik heb gezocht maar niet gevonden.

dus gewoon simpel gezegd in 1x de gehele inhoud van een selectbox kopieren van de ene naar de ander that's all.. nu dacht ik zelf aan een functie die alle items doorloopt maar lijkt het mij handiger als dit in 1x gedaan zou kunnen worden..

Middels cloneNode() de selectbox kopiëren en ergens anders weer aan hangen?

woensdag 28 januari 2009 @ 15:40:39 #213

Roy_T

Idd, gewoon clonen. Kun je als het nodig is voor je script daarna simpelweg de name veranderen ofzo.

woensdag 28 januari 2009 @ 16:16:04 #214

Chandler

idd maar hoe doe ik dat dan? de naam van het element veranderen (ik heb niet zoveel kaas gegeten van deze functies).

Functie tips?

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

woensdag 28 januari 2009 @ 16:18:24 #215

HuHu

Uit m'n hoofd iets wat lijkt op dit:

1
2
3
4

a = document.getElementById('a');
b = a.cloneNode(true);

document.getElementById('andere_node').appendChild(b);

woensdag 28 januari 2009 @ 22:04:33 #216

Roy_T

met setAttribute() moet je een eind komen

woensdag 28 januari 2009 @ 22:21:37 #217

SuperRembo

Sinds 1998

quote:
Op woensdag 28 januari 2009 22:04 schreef Roy_T het volgende:
met setAttribute() moet je een eind komen

Als het enigsins mogelijk is kan je beter gewoon de property gebruiken in plaats van setAttribute. Dat levert cross-browser veel minder problemen op.

Dus

1
2
3
4

var field = document.getElementById('mySelect');
var fieldCopy = field.cloneNode(true);
fieldCopy.name = 'copy';
container.appendChild(fieldCopy);

Wel ff opletten dat er in IE een bug zit waardoor zo'n nieuw form wel niet aan de form.elements array wordt toegevoegd.

zondag 1 februari 2009 @ 11:32:06 #218

hello_moto1992

Op de frontpage en kpnvandaag.nl kun je de blokjes verplaatsen. Ik heb binnen een <div> drie andere blokjes (divs) staan, die ik op die manier verticaal verplaatsbaar zou willen maken. Is hier een standaard scriptje voor?

^{Volgens mij heb je hier javascript voor nodig}

zondag 1 februari 2009 @ 11:40:48 #219

veldmuis

http://demos111.mootools.net/DragDrop

zondag 1 februari 2009 @ 11:46:58 #220

hello_moto1992

quote:
Op zondag 1 februari 2009 11:40 schreef veldmuis het volgende:
http://demos111.mootools.net/DragDrop

Bedankt voor de link, dit zit al mooi in de richting

Maar ik snap niet zoveel van dat script, met dat script kun je toch alleen maar blokjes groter maken?

zondag 1 februari 2009 @ 13:09:53 #221

Light

quote:
Op zondag 1 februari 2009 11:46 schreef hello_moto1992 het volgende:

[..]

Bedankt voor de link, dit zit al mooi in de richting

Maar ik snap niet zoveel van dat script, met dat script kun je toch alleen maar blokjes groter maken?

Nee, dat script maakt blokjes groter, als voorbeeld. Dan zie je duidelijk wat er gebeurt. Je zou ook de kleur kunnen aanpassen. Of iets anders, maar dat moet je dan wel zelf schrijven.

fokstok.nl

zondag 1 februari 2009 @ 13:56:21 #222

veldmuis

Je kunt ook even zoeken of jquery een drag&drop-iets heeft. jquery is ook een mooie library.
Oh, en je hebt ook nog prototype, die heeft vast ook wel zoiets.

Ik zou iig voor een library gaan, zelf schrijven kost véél meer tijd.

woensdag 4 februari 2009 @ 23:08:14 #223

ds-polleke

ik heb iets geks..
twee snippets code die WEL werken onder safari, konqueror, opera, internet explorer, (firefox onder windows en opensuse) maar niet onder firefox onder ubuntu 8.10

Iemand een suggestie?

hier de code voor een menu met alternerende images (mouseover)
het probleem is dat het laatste item onder ff onder ubuntu helemaal niet te zien

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

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

als ik echt blind ben.. laat het me maar weten

woensdag 4 februari 2009 @ 23:12:41 #224

SuperRembo

Sinds 1998

Heb je niet een eenvoudigere testcase? En wat is werkt er dan niet? Staat 't misschien ergens online zodat 't makkelijker te testen is?

woensdag 4 februari 2009 @ 23:21:22 #225

Light

En waarom gebruik je het attribuut name bij de img-tag? Je kunt beter "id" gebruiken. En je kunt ook met a:hover {} dingen veranderen, dan hoef je geen javascript te gebruiken. Maar dat gaat niet werken met img-afbeeldingen, dan moet je overschakelen naar achtergrondafbeeldingen.

fokstok.nl

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

» digital corner

» development

» digital corner

» development