[Javascript] voor dummies (deel 8)

maandag 13 oktober 2008 @ 19:35:15 #1

PiRANiA

All thinking men are atheists.

De (voorlopige) OP van de [Javascript] voor dummies reeks.
Hier kan je alle vragen stellen over Javascript en alles wat er mee te maken heeft.

Heb je een probleem, post dan ook even de code waar het probleem zit

Zo kunnen we je beter proberen te helpen.

Vorige delen:
#1 - [Javascript] voor dummies - Deel 1
#2 - [Javascript] voor dummies - Deel 2
#3 - [Javascript] voor dummies - deel 3
#4 - [Javascript] voor dummies - deel 4
#5 - [Javascript] voor dummies (deel 6)
#6 - [Javascript] voor dummies (deel 6)
#7 - [Javascript] voor dummies (deel 7)

Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
_{Mis je een link? Geef even een gil in het topic}

Tutorials:
W3Schools Javascript
W3Schools AJAX

Laatste posts uit het vorige topic:

quote:
Op maandag 13 oktober 2008 18:48 schreef Flaccid het volgende:
Moet ie niet dicht en een nieuwe?

_{Deze OP: http://wiki.fok.nl/index.php/OP/Javascript}

Dag Google!

maandag 13 oktober 2008 @ 19:40:07 #2

Jo0Lz

Lick the box!

Naar DEV en centraal.

.

 Yes we can! | I didn't fail, it's just postponed success.

maandag 13 oktober 2008 @ 19:40:26 #3

Flaccid

Mijne was verkeerd, typo. En tvp. en vraag:

ik heb voor google maps dit stukje script om een marker aan te maken

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

En dit in mijn data.xml

1
2
3
4
5

<?xml version="1.0" encoding="utf-8"?>
<markers>
<marker lat="4.19677734375" lng="1.1865234375" content="test"/>
<marker lat="-1.40625" lng="-8.96484375" content="plas"/>
</markers>

Dat werkt allemaal, ik kan nu netjes markers aanmaken. Maar in de content kan ik geen html opmaak gebruiken. Het gaat dus niet om google maps maar om het xml en javascript gedeelte. Weet iemand hoe ik toch html kan gebruiken, het liefst een klein div/table erin kunnen pleuren met een titel en een fotootje.

Voorbeeld op www.jc-c.nl/mapfull.htm

maandag 13 oktober 2008 @ 19:41:25 #4

PiRANiA

All thinking men are atheists.

quote:
Op maandag 13 oktober 2008 19:40 schreef Jo0Lz het volgende:
Naar DEV en centraal.

:*.

dankje O+

Wie kan me helpen? Wat komt er uit deze code?

1
2
3
4
5

Dag Google!

maandag 13 oktober 2008 @ 19:46:05 #5

Flaccid

quote:
Op maandag 13 oktober 2008 19:41 schreef PiRANiA het volgende:

[..]

dankje

Wie kan me helpen? Wat komt er uit deze code?
[ code verwijderd ]

tvp?

maandag 13 oktober 2008 @ 19:50:14 #6

PiRANiA

All thinking men are atheists.

quote:
Op maandag 13 oktober 2008 19:46 schreef Flaccid het volgende:

[..]

tvp?

zou kunnen

Dag Google!

maandag 13 oktober 2008 @ 20:28:52 #7

Jo0Lz

Lick the box!

quote:
Op maandag 13 oktober 2008 19:46 schreef Flaccid het volgende:

[..]

tvp?

Maar dan zonder ?.

quote:
Op maandag 13 oktober 2008 19:50 schreef PiRANiA het volgende:

[..]

zou kunnen

1 is ALTIJD kleiner dan 2. Dus ja, er komt "tvp" uit.

 Yes we can! | I didn't fail, it's just postponed success.

maandag 13 oktober 2008 @ 20:33:44 #8

mcDavid

quote:
Op maandag 13 oktober 2008 20:28 schreef Jo0Lz het volgende:

[..]

1 is ALTIJD kleiner dan 2. Dus ja, er komt "tvp" uit.

Ook in IE6?

maandag 13 oktober 2008 @ 21:39:22 #9

Flaccid

Een los vraagje: niet moeilijk maar het moet te doen zijn.

Uit een bepaald form krijg ik deze data:
(-3.515625, -24.2578125)

Nu wil ik deze met een button press in 2 fields zetten, de linker waarde in de ene en de rechter waarde in de andere. dus zegmaar (a,b) word [a] en [b]. Is het moelijk ? hoe moet het?

maandag 13 oktober 2008 @ 22:02:31 #10

mcDavid

document.getElementById("field1").value=a;

maandag 13 oktober 2008 @ 22:57:27 #11

Flaccid

quote:
Op maandag 13 oktober 2008 22:02 schreef mcDavid het volgende:
document.getElementById("field1").value=a;

Nou ik krijg de value echt als (-3.515625, -24.2578125). Dus niet als a en b in een textbox. Dus,

dinsdag 14 oktober 2008 @ 13:11:26 #12

mcDavid

oh je krijgt een string in de vorm van (-3.515625, -24.2578125) ?

In dat geval zul je met de slice() functie je string in stukken moeten hakken. Je kunt bijv. met search() de positie van de haakjes en de komma achterhalen, en die posities in je slice functie gebruiken.

zaterdag 18 oktober 2008 @ 20:56:39 #13

wc-eend

Beste mensen,

Ik ben op het moment bezig met een website en heb in Photoshop een menu gemaakt, dat geopend met fireworks en daar gesliced en een pop up menu aan gezet..

Nu heb ik dat geexporteerd en dan krijg ik een aantal bestanden..
In de preview van fireworks werkt alles naar behoren.

Maar hoe krijg ik nou dat menu in mijn html site, heb van alles geprobeerd maar krijg niks voor elkaar..

Als het menu opgeslagen is heb ik de volgende bestanden:
8 x gif file
1 x JScript script file
1 x CSS file
1 x html file
8 x MNO bestanden in een gecreerde _notes map

Iemand die weet wat ik waar moet zetten?

maandag 20 oktober 2008 @ 13:07:23 #14

emokid

http://www.dezinerfolio.c(...)vascript-accordions/

Ik ben hier bezig met een simpel accordion, alles werkt maar wil bij een hover de divs uitklappen. Hoe kan ik dat voor elkaar krjigen? Hier de minieme javascript:
http://www.spiderspider.n(...)ion/accordian-src.js

Accordion zelf:
http://www.spiderspider.n(...)accordion/Basic.html

maandag 20 oktober 2008 @ 17:14:27 #15

mcDavid

quote:
Op maandag 20 oktober 2008 @ 13:07 schreef emokid het volgende:
http://www.dezinerfolio.c(...)vascript-accordions/

Ik ben hier bezig met een simpel accordion, alles werkt maar wil bij een hover de divs uitklappen. Hoe kan ik dat voor elkaar krjigen? Hier de minieme javascript:
http://www.spiderspider.n(...)ion/accordian-src.js

Accordion zelf:
http://www.spiderspider.n(...)accordion/Basic.html

search and replace op "onclick" naar "onmouseover"?

quote:
Op zaterdag 18 oktober 2008 @ 20:56 schreef wc-eend het volgende:
Beste mensen,

Ik ben op het moment bezig met een website en heb in Photoshop een menu gemaakt, dat geopend met fireworks en daar gesliced en een pop up menu aan gezet..

Nu heb ik dat geexporteerd en dan krijg ik een aantal bestanden..
In de preview van fireworks werkt alles naar behoren.

Maar hoe krijg ik nou dat menu in mijn html site, heb van alles geprobeerd maar krijg niks voor elkaar..

Als het menu opgeslagen is heb ik de volgende bestanden:
8 x gif file
1 x JScript script file
1 x CSS file
1 x html file
8 x MNO bestanden in een gecreerde _notes map

Iemand die weet wat ik waar moet zetten?

het heeft niet zoveel met javascript te maken, meer met algemeen html, maargoed:

Al die bestanden moet je natuurlijk uploaden.
De html-code zet je in de pagina op de plek waar je het menu wilt hebben
de css bestand include je in de <head> sectie met de volgende regel: <link rel="stylesheet" href="map/bestandsnaam.css" type="text/css" />
Het js-bestand moet denk ik ook in de head sectie. met de volgende regel:<script type="text/javascript" src="map/bestandsnaam.js"></script>

Als dat niet werkt, moet die laatste regel waarschijnlijk ergens onder de html van het menu...

de plaatjes moeten natuurlijk ook op de goeie locatie staan... wat die "MNO" bestanden zijn weet ik niet... is dat niet iets fotoshop-specifieks?

maandag 20 oktober 2008 @ 18:32:46 #16

emokid

Zo simpel, bedankt mcDavid.

maandag 20 oktober 2008 @ 20:05:44 #17

mcDavid

Werkt het echt?

Tof!

maandag 20 oktober 2008 @ 22:01:58 #18

wc-eend

quote:
Op maandag 20 oktober 2008 17:14 schreef mcDavid het volgende:

[..]

search and replace op "onclick" naar "onmouseover"?
[..]

het heeft niet zoveel met javascript te maken, meer met algemeen html, maargoed:

Al die bestanden moet je natuurlijk uploaden.
De html-code zet je in de pagina op de plek waar je het menu wilt hebben
de css bestand include je in de <head> sectie met de volgende regel: <link rel="stylesheet" href="map/bestandsnaam.css" type="text/css" />
Het js-bestand moet denk ik ook in de head sectie. met de volgende regel:<script type="text/javascript" src="map/bestandsnaam.js"></script>

Als dat niet werkt, moet die laatste regel waarschijnlijk ergens onder de html van het menu...

de plaatjes moeten natuurlijk ook op de goeie locatie staan... wat die "MNO" bestanden zijn weet ik niet... is dat niet iets fotoshop-specifieks?

Thanks

zondag 26 oktober 2008 @ 13:57:56 #19

veldmuis

Hoi.
Vraagje!
Van een plaatje pas ik de src aan met javascript (document.getelementbyid...etc). Dat plaatje moet laden, en wordt dan geplaatst. Kan ik op DAT laden al een eventlistener zetten, of moet ik iets als een loader oid aanmaken?

maandag 27 oktober 2008 @ 01:16:56 #20

mcDavid

Kan gewoon met onload.

maandag 27 oktober 2008 @ 20:14:54 #21

veldmuis

Da's wel heel simpel.
Tnx. Ik kan weer verder met m'n JS oefeningen

.

woensdag 29 oktober 2008 @ 11:36:04 #22

killko

Ik zoek zoiets als het volgende, maar helaas werkt dit script alleen in Internet Explorer (niet in Chrome of Firefox iig). Weet iemand hoe het makkelijk in php kan of een betere javascript 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

<html><head><title>Voorbeeldbrief</title>
<script type="text/javascript">
// _w : ID
// _h : 'h' (=hide(verbergen)), of 's' (=show(tonen))
function wisselen(_w,_h) {
if (document.all) {
if (_h=='s') eval("document.all."+_w+".style.visibility='visible';");
if (_h=='h') eval("document.all."+_w+".style.visibility='hidden';");
} else {
if (_h=='s') eval("document.layers['"+_w+"'].visibility='show';");
if (_h=='h') eval("document.layers['"+_w+"'].visibility='hide';");
}
}
</script>
</head><body>

<form>
Tonen <input name="r1" type="radio" checked value="" onClick="wisselen('deel1','s')">
Verbergen <input name="r1" type="radio" value="" onClick="wisselen('deel1','h')">
</form>
<form>
Jaar <input name="t1" type="text">
<label>
<input type="submit" name="b1" id="b1" value="Invoeren">
</label>
</form>


<span id="deel1" style="visibility:visible;position:relative;top:0;left:0">
<form>
Hier een te verbergen of te tonen tekst.
</form>
</span>
<span id="deel2">

</span>
</body></html>

In een ander topic hoorde ik al:
"gewoon document.getElementById gebruiken ipv 'layers' of 'all' shizle. Weet niet waarom ze dat verzonnen hebt maar is nergens voor nodig in deze vorm."
en
"Ter aanvulling: en die eval() mag ook wel overal weg."

Ik ben nog een beginner op dit gebied en vroeg me af of iemand me hiermee kan helpen. Het liefst heb ik de uitvoer dan in een soort formulierveld. Net als bij Google maps dus eigenlijk als je een embed code opvraagt:
voorbeeld

Helaas werken bij google de pro's waar ik nog niet veel van snap :P

woensdag 29 oktober 2008 @ 12:30:38 #23

mcDavid

1
2
3
4

function wisselen(_w,_h) {
if (_h == s) { document.getElementById(_w).disabled=true; }
else { document.getElementById(_w).disabled=false; }
}

Dit is genoeg.
In plaats van .disabled=true kun je natuurlijk ook .style.visibility="hidden" of .style.display="none" gebruiken, net wat je wilt.

en lees hier verder: www.w3schools.com
vooral de stukken over DOM en Javascript zijn interessant hiervoor

[ Bericht 6% gewijzigd door mcDavid op 29-10-2008 15:26:10 (aangepast n.a.v. post superrembo) ]

woensdag 29 oktober 2008 @ 14:51:15 #24

SuperRembo

Sinds 1998

Daar zitten nog fouten (foutjes) in. En 't is wat omslachtig.
Het lijtk me handiger om 2 functies te maken:

1
2
3
4
5
6
7
8
9

function show(id)
{
document.getElementById(id).style.display = '';
}

function hide(id)
{
document.getElementById(id).style.display = 'none';
}

Die kan je daarna gebruiken als onclick="show('deel1')". Je moet ook nog even style="visibility:visible;" vervangen door style="display:none".

woensdag 29 oktober 2008 @ 15:00:58 #25

killko

quote:
Op woensdag 29 oktober 2008 14:51 schreef SuperRembo het volgende:
Daar zitten nog fouten (foutjes) in. En 't is wat omslachtig.
Het lijtk me handiger om 2 functies te maken:
[ code verwijderd ]

Die kan je daarna gebruiken als onclick="show('deel1')". Je moet ook nog even style="visibility:visible;" vervangen door style="display:none".

Hey, dankje! 't Werkt nu. Nu alleen nog even uitzoeken hoe ik een invoerveld ergens kan invoegen (zoals je merkt ben ik een aardige beginner

) maar dat zal wel op die w3schools te vinden zijn..

woensdag 29 oktober 2008 @ 15:25:16 #26

mcDavid

quote:
Op woensdag 29 oktober 2008 @ 14:51 schreef SuperRembo het volgende:
Daar zitten nog fouten (foutjes) in. En 't is wat omslachtig.
Het lijtk me handiger om 2 functies te maken:
[ code verwijderd ]

Die kan je daarna gebruiken als onclick="show('deel1')". Je moet ook nog even style="visibility:visible;" vervangen door style="display:none".

godver je hebt gelijk

stom!
maarreuh; visibility en display zijn twee verschillende properties. Dus ligt aan de toepassing welke het handigst is. Ik denk voor de toepassing van TS dat disabled beter geschikt is.

woensdag 29 oktober 2008 @ 17:02:04 #27

SuperRembo

Sinds 1998

quote:
Op woensdag 29 oktober 2008 15:25 schreef mcDavid het volgende:
[..]
maarreuh; visibility en display zijn twee verschillende properties. Dus ligt aan de toepassing welke het handigst is. Ik denk voor de toepassing van TS dat disabled beter geschikt is.

Dat is inderdaad verschillend. Meestal (naar mijn ervaring) wil je niet dat het verborgen element nog ruimte in neemt. Dan heb je dus display:none nodig en niet visibility:hidden. Alleen form elementen ondersteunen de enabled property (niet allemaal), en dan blijft het element ook zichtbaar. Het is de vraag of dat de bedoeling is.

woensdag 29 oktober 2008 @ 17:20:57 #28

mcDavid

quote:
Op woensdag 29 oktober 2008 @ 17:02 schreef SuperRembo het volgende:

[..]

Dat is inderdaad verschillend. Meestal (naar mijn ervaring) wil je niet dat het verborgen element nog ruimte in neemt. Dan heb je dus display:none nodig en niet visibility:hidden. Alleen form elementen ondersteunen de enabled property (niet allemaal), en dan blijft het element ook zichtbaar. Het is de vraag of dat de bedoeling is.

als het inderdaad een form betreft, is dat waarschijnlijk wel de bedoeling. Zie bijv. ook zijn voorbeeldlink van google maps waar dat gebeurt.

Voordeel van visibiliyt ipv display is wel dat er geen verschuivingen optreden in de pagina als je de elementen weer zichtbaar maakt.

woensdag 29 oktober 2008 @ 19:16:04 #29

killko

Ik ga het in een formulier tekstblok proberen te zetten, zodat de bezoeker het makkelijk kan kopieren. Ik denk dat ik dan inderdaad de mogelijkheid gebruik die geen ruimte in zal nemen.

donderdag 30 oktober 2008 @ 10:37:36 #30

Chandler

Ik heb ook weer eens een vraag, en wil eens weten hoe jullie dit oplossen.

Stel ik heb de volgende lap HTML code

1
2
3
4
5
6
7
8
9

Hoe kun je middels javascript alle opties van extra uitlezen en in een tekst string zetten? de uitkomst wil ik zo ongv hebben

1
2
3

opties_test1
opties_woei2
optie_info = 'tekst';

Kan iemand mij in de juiste richting duwen?

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

donderdag 30 oktober 2008 @ 13:05:33 #31

mcDavid

1
2
3
4
5
6
7
8

var p = document.getElementById("[formid]").getElementsByTagName(*)
var tekststring = ""

for (var i=0; i < p.length; i++){
   if(p[i].name.match("extra")) {
      tekststring += p[i].value + "\n" ;
   }
}

volgens mij zou zoiets moeten werken. weet niet zeker of p[i].name geldig is. En er zijn vast ook legio andere mogelijkheden.

donderdag 30 oktober 2008 @ 14:56:03 #32

Chandler

Super! ik ga het morgen even checken, is er ook een mogelijkheid om binnen javascript te checken of een bepaald element van een checkbox, radio oid afkomstig is?

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

donderdag 30 oktober 2008 @ 15:33:05 #33

mcDavid

p[i].tagName denk ik?

www.w3schools.com

donderdag 30 oktober 2008 @ 16:11:34 #34

killko

quote:
Op woensdag 29 oktober 2008 14:51 schreef SuperRembo het volgende:
Daar zitten nog fouten (foutjes) in. En 't is wat omslachtig.
Het lijtk me handiger om 2 functies te maken:
[ code verwijderd ]

Die kan je daarna gebruiken als onclick="show('deel1')". Je moet ook nog even style="visibility:visible;" vervangen door style="display:none".

Ik gebruik nu het scriptje van SuperRembo en wil daarmee graag het volgende: meerdere radiobuttons voor meerdere stukken tekst. Ik wil graag zoiets maken dat het show-script aanroept als een radio button geselecteerd is en het hide-script als het uit staat. Zoiets als het volgende dus (alleen je ziet'm vast al aankomen: dit werkt nog niet)

1	<input name="radio1" type="radio" checked value="" />

als knop
dan iets als

1	<script type="...">if(radio1.value){ show('tekst1') } else { hide('tekst1')}</script>

donderdag 30 oktober 2008 @ 16:17:38 #35

mcDavid

if (radio1.checked=true)

oh en met xhtml mag je geen shorttags gebruiken, dus in de xhtml checked="checked" gebruiken!

donderdag 30 oktober 2008 @ 17:05:13 #36

Chandler

Tnx mcDavid

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

donderdag 30 oktober 2008 @ 19:45:44 #37

SuperRembo

Sinds 1998

quote:
Op donderdag 30 oktober 2008 13:05 schreef mcDavid het volgende:
[ code verwijderd ]
volgens mij zou zoiets moeten werken. weet niet zeker of p[i].name geldig is. En er zijn vast ook legio andere mogelijkheden.

getElementsByTagName() is niet handig, want dan krijg je alle elementen in plaats van alleen de form elementen.

1
2
3
4
5
6

var info = '';
var fields = document.forms[0].elements;
for (var i = ; i < fields.length; ++i)
{
if (fields[i].name.match(/^extra/)) info += fields[i].value + '\n';
}

quote:
Op donderdag 30 oktober 2008 14:56 schreef Chandler het volgende:
Super! ik ga het morgen even checken, is er ook een mogelijkheid om binnen javascript te checken of een bepaald element van een checkbox, radio oid afkomstig is?

Dan moet je op tagName en type controleren:

1	if (el.tagName == 'input' && el.type == 'radio') alert('Dit is een radio button');

quote:
Op donderdag 30 oktober 2008 16:17 schreef mcDavid het volgende:
if (radio1.checked=true)

if (radio1.checked)
dus :P

quote:
oh en met xhtml mag je geen shorttags gebruiken, dus in de xhtml checked="checked" gebruiken!

Ach, het zal toch niet om echt xhtml gaan. Dan zal alleen checked ook wel werken ;)

donderdag 30 oktober 2008 @ 20:05:32 #38

mcDavid

quote:
Op donderdag 30 oktober 2008 @ 19:45 schreef SuperRembo het volgende:

[..]

getElementsByTagName() is niet handig, want dan krijg je alle elementen in plaats van alleen de form elementen.
[ code verwijderd ]

[..]

Dan moet je op tagName en type controleren:
[ code verwijderd ]

[..]

if (radio1.checked)
dus
[..]

Ach, het zal toch niet om echt xhtml gaan. Dan zal alleen checked ook wel werken

Hey het moet wel spannend blijven heh

document.forms[0] is idd wel een ietsje nettere oplossing dan document.getElementById("[idvanhetform]")

En als het wel om 'echte' xhtml gaat zal het ook wel werken. Alleen gaat de W3C validator er dan wel van vloeken.

donderdag 30 oktober 2008 @ 21:36:58 #39

veldmuis

quote:
Op maandag 27 oktober 2008 01:16 schreef mcDavid het volgende:
Kan gewoon met onload.

Ik ga hier nog even op verder.<img onload...> is pas HTML5.0. 4.01 en XHTML1.0 vreten het niet. Weet je daar een oplossing voor?

Zelf de DTD aanpassen vind ik trouwens geen oplossing. Ik doel meer op een JS oplossing oid.

donderdag 30 oktober 2008 @ 21:45:27 #40

mcDavid

In IE6, 7 en firefox 3 werkt het iig gewoon.

donderdag 30 oktober 2008 @ 21:46:59 #41

veldmuis

Sorry, ik vergat erbij te zetten dat de W3C validator het niet tof vindt. Er móet dus een andere oplossing zijn, denk ik!

.

donderdag 30 oktober 2008 @ 21:51:10 #42

mcDavid

De uitslag van W3C validator is belangrijker dan de goede werking van je site?

donderdag 30 oktober 2008 @ 21:52:24 #43

veldmuis

Nee, natuurlijk niet. Maar om met m'n eerste stapjes javascript al gelijk met dingen te beginnen die de W3C validator niet vreet lijkt me gewoon gek?

donderdag 30 oktober 2008 @ 22:03:23 #44

veldmuis

Ah, een setInterval en de alt-tag misbruiken en tegelijkertijd goed gebruiken lijkt me een keurige oplossing

donderdag 30 oktober 2008 @ 22:10:03 #45

veldmuis

Ownee, dat werkt niet, duh

_

Ik leer het wel, wedden?

donderdag 30 oktober 2008 @ 23:37:37 #46

mcDavid

sja als je per sé geen onload op een plaatje wilt gebruiken, kun je document.images[] doorlopen met een timer, en bij ieder plaatje controleren of je bijv. de breedte op kunt vragen. Zo ja dan is'ie geladen.

Maar dat zou echt een gigantische kutoplossing zijn t.o.v. onload. En eentje die veel resources vraagt ook.

Ik zit te denken of het op een andere manier handig zou kunnen. Werkt onreadystatechange ook op plaatjes?

vrijdag 31 oktober 2008 @ 01:24:56 #47

killko

quote:
Op donderdag 30 oktober 2008 19:45 schreef SuperRembo het volgende:
[..]
if (radio1.checked)
dus
[..]

Ah, zat ik dus al aardig in de buurt. Thnx!

maandag 3 november 2008 @ 11:04:04 #48

Chandler

Ik heb een vraagje m.b.t JSON.

Heb gezocht en niet gevonden, met PHP maak ik nu een simpele JSON array aan en wil deze middels XMLHTTP laden in een website.

Het script wat ik nu gebruik laat met een alert de opgehaalde content zien:

Voorbeeld:

1	{"maten_arr": [102,130,80,32,47,79,0,121.5,46]}

Deze array wil ik graag gebruiken in javascript, maar heb werkelijk waar geen flauw idee hoe ik deze array kan benutten? het gaat mij alleen om de values en niets meer... anyone tips?

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

maandag 3 november 2008 @ 11:22:30 #49

SuperRembo

Sinds 1998

Kijk eens op http://json.org/

maandag 3 november 2008 @ 11:37:25 #50

Chandler

Ik heb er gekeken maar kon niet echt een voorbeeld vinden van bewerking tussen php en javascript zelf...

maar ik ben dan ook slecht in zoeken

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

maandag 3 november 2008 @ 11:48:14 #51

SuperRembo

Sinds 1998

Je wil een json string parsen in javascript. (Het doet er niet toe dat die string door php is gegenereerd) Daar staan een paar voorbeelden van op de site.

maandag 3 november 2008 @ 13:01:48 #52

Chandler

Hmm, naja google hielp mij iig wel..

ik heb eval("var json = " + str); geprobeerd en dat werkte!!!

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

maandag 3 november 2008 @ 13:15:50 #53

SuperRembo

Sinds 1998

Dat werkt wel, maar eval() heeft wel een risico dat er code uitgevoerd kan worden als iemand er in slaagt om de json string aan te passen.
http://www.json.org/json2.js heeft dat risico niet.

maandag 3 november 2008 @ 14:01:18 #54

Chandler

Het wordt gebruikt na login, en alleen maar om bepaalde zaken in velden te zetten. Ik zal het script eens doornemen.

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

maandag 3 november 2008 @ 19:34:04 #55

mcDavid

quote:
Op maandag 3 november 2008 @ 13:15 schreef SuperRembo het volgende:
Dat werkt wel, maar eval() heeft wel een risico dat er code uitgevoerd kan worden als iemand er in slaagt om de json string aan te passen.
http://www.json.org/json2.js heeft dat risico niet.

Iedere malloot kan met greasemonkey je javascriptjes aanpassen. Dus je gebruikt javascript sowieso niet voor dingen die enig risico met zich meebrengen.

Dan maakt het ook niet uit hoe je met strings om gaat.

maandag 3 november 2008 @ 20:26:22 #56

SuperRembo

Sinds 1998

quote:
Op maandag 3 november 2008 19:34 schreef mcDavid het volgende:

[..]
Iedere malloot kan met greasemonkey je javascriptjes aanpassen. Dus je gebruikt javascript sowieso niet voor dingen die enig risico met zich meebrengen.

Dan maakt het ook niet uit hoe je met strings om gaat.

Cross-site scripting enzo... Het probleem is niet dat ik scriptjes op mijn pc kan aanpassen zodat er dingen anders werken dan de websitebouwen bedoeld heeft. Wat wel een probleem is is dat de ene persoon de scripting bij een ander kan aanpassen. Okay, 't risico is waarschijnlijk niet vreselijk groot...

Als je 't dan met eva wil doen, 't kan iets netter:

1	var data = eval('(' + jsonData + ')');

dinsdag 4 november 2008 @ 13:41:29 #57

donroyco

dus niet Donroyco

Ik zoek een werkend Javascript waarmee je afbeeldingen kunt laten roteren met een fade-in en fade-out. Heb al gezocht, maar de meeste scripts via Google werken niet met fade-ins en fade-outs, of de sites zijn niet bereikbaar.. Alvast bedankt

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

dinsdag 4 november 2008 @ 14:54:07 #58

killko

quote:
Op dinsdag 4 november 2008 13:41 schreef donroyco het volgende:
Ik zoek een werkend Javascript waarmee je afbeeldingen kunt laten roteren met een fade-in en fade-out. Heb al gezocht, maar de meeste scripts via Google werken niet met fade-ins en fade-outs, of de sites zijn niet bereikbaar.. Alvast bedankt

Hier dan?

dinsdag 4 november 2008 @ 14:55:00 #59

donroyco

dus niet Donroyco

quote:
Op dinsdag 4 november 2008 14:54 schreef killko het volgende:

[..]

Hier dan?

Thanks, daar kan ik zeker wat mee

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

dinsdag 4 november 2008 @ 19:14:14 #60

veldmuis

http://jstween.blogspot.com/
Dit is briljant

woensdag 5 november 2008 @ 09:44:35 #61

Chandler

Idd veldmuis, heerlijke opties

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

woensdag 5 november 2008 @ 11:06:03 #62

Chandler

Weet iemand trouwens hoe ik in JS het volgende kan doen

ALS iets < 4 OF iets > 16 dan...

want OR blijkt niet te werken

-edit-

Ik moet || gebruiken

[ Bericht 22% gewijzigd door Chandler op 05-11-2008 11:22:54 ]

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

donderdag 6 november 2008 @ 21:19:12 #63

beerten

Hoi,

ik wil graag onderling afhankelijke dropdowmenu' s maken.
PHP levert een array met opties. Gelijk het aantal keys/opties wordt een overeenkomstig aantal dropdownmenu's weergegeven.

Ik wil het gebruiken voor een planningsmodule voor een band. Liedjes in volgorde zetten voor een setlijst.
Stel ik heb 10 liedjes. 10 arraykeys met value
PHP/javascript drukt een tabel af met nummers 1 tot en met 10.
Achter ieder nummer komt een dropdown met liedjes.
Selecteer ik bij nummer 1 een liedje, dan dient deze te verdwijnen uit de overige 9 dropdownmenu's. etc.

Ik wil graag weten of deze constructie ergens als codevoorbeeld te vinden is. (Zo ja, waar...?)
Ook zou ik graag willen weten hoe men deze functie noemt. Dan kan ik beter zoeken op het internet. Nu kan ik niets vinden.
Als ik codevoorbeelden heb kom ik er denk ik wel uit. Echt moeilijk is het niet volgens mij. Ik heb echter veel te weinig kaas van javascript gegeten om dit van 0 af op te bouwen.

Iemand aanwijzingen?

donderdag 6 november 2008 @ 21:59:18 #64

mcDavid

Lijkt me een leuk scriptje om met javascript te beginnen!

op www.w3schools.com vind je een hele hoop tutorials, staat vast wel wat nuttigs tussen!

Ik zou denk ik 2 arrays maken. 1 array voorgedefineerd met alle mogelijke opties.
Array 2 laat je aanmaken in een functie die je aanroept met onchange, en bestaat uit de values van alle selectboxes.

vervolgens vergelijk je de array en geef je de selectboxes die nog geen waarde hebben, de options mee die niet in array 2 voorkomen

Het makkelijkste is denk ik getElementsByTagName('select') als 2e array gebruiken...

donderdag 6 november 2008 @ 22:58:51 #65

SuperRembo

Sinds 1998

:Is het niet handiger om met 2 lijsten te werken: 1 lijst met beschikbare liedjes, 1 lijst met de selectie. 2 knopjes voor toevoegn en verwijderen, 2 knopjes om te sorteren. Zoals het aanpassen van de toolbar in Explorer bijvoorbeeld werkt.

zondag 9 november 2008 @ 09:33:45 #66

Chandler

Vraagje,

stel ik wil een divje (400x400) centreren in mijn browser, echter ook als ik naar beneden scroll wil ik dat het divje in het midden van het scherm blijft. Hoe moet ik dit oplossen? ik weet hoe ik een div moet centreren met javascript maar niet als er gescrolled is ?

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

zondag 9 november 2008 @ 10:33:28 #67

beerten

Nooit te beroerd om mijn eigen vraag te beanwtoorden ;)
Ik heb het probleem ander sopgelost, heel anders. Ik wilde een array sorteren. Mijn constructie kon wel, maar was niet echt doodsimpel.
Een listbox met een up/down button wel.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="content-type">
  <title></title>
<script language="JavaScript" src="http://www.mattkruse.com/javascript/selectbox/compact/selectbox.js"></script>
<script type="text/javascript">
function selectAll(selectBox,selectAll) {
   // have we been passed an ID
   if (typeof selectBox == "string") {
      selectBox = document.getElementById(selectBox);
   }
   // is the select box a multiple select box?
   if (selectBox.type == "select-multiple") {
      for (var i = 0; i < selectBox.options.length; i++) {
         selectBox.options[i].selected = selectAll;
      }
   }
}

var el = function (id) { return document.getElementById(id); }

function go(my)
{
  var ind = el('select').selectedIndex;
  var L = el('select').options.length;
  el('select').selectedIndex = (my.value=="up" && ind > 0)? ind -1 my.value=="down" && ind < L-1)? ind +1 : (my.value=="to top")? 0 : (my.value=="to bottom")? L-1 : ind;
  var txt = el('select')[el('select').selectedIndex].innerHTML;
  el('select')[el('select').selectedIndex].innerHTML = el('select')[ind].innerHTML;
  el('select')[ind].innerHTML = txt;
}
</script>
</head>
<body>
<?php
if(isset($_POST))
{
   print_r($_POST);
}
?>
<form action="test.php" method="POST">
   <SELECT NAME="updownlist[]" id="updownlist"  SIZE="12" MULTIPLE>
      <OPTION VALUE="Option 1"> Option 1
      <OPTION VALUE="Option 2"> Option 2
      <OPTION VALUE="Option 3"> Option 3
      <OPTION VALUE="Option 4"> Option 4
      <OPTION VALUE="Option 5"> Option 5
      <OPTION VALUE="Option 6"> Option 6
      <OPTION VALUE="Option 7"> Option 7
      <OPTION VALUE="Option 8"> Option 8
      <OPTION VALUE="Option 9"> Option 9
      <OPTION VALUE="Option 10"> Option 10
      <OPTION VALUE="Option 11"> Option 11
      <OPTION VALUE="Option 12"> Option 12
   </SELECT>
   <INPUT TYPE="button" VALUE=" Up " onClick="moveOptionUp(this.form['updownlist'])">
   <INPUT TYPE="button" VALUE="Down" onClick="moveOptionDown(this.form['updownlist'])">
        <br /><input type="submit" name="submit" value="submit" onclick="selectAll('updownlist',true)">
</form>

<br>
</body>
</html>

zondag 9 november 2008 @ 23:17:46 #68

Light

quote:
Op zondag 9 november 2008 09:33 schreef Chandler het volgende:
Vraagje,

stel ik wil een divje (400x400) centreren in mijn browser, echter ook als ik naar beneden scroll wil ik dat het divje in het midden van het scherm blijft. Hoe moet ik dit oplossen? ik weet hoe ik een div moet centreren met javascript maar niet als er gescrolled is ?

Ik zou kiezen voor een css-oplossing, met position: fixed;
Maar 'k weet niet in hoeverre dat cross-browser werkt (IE6). Hoewel, je krijgt het geheel dan niet midden in het scherm, maar wel altijd op dezeflde plek in het scherm.

fokstok.nl

woensdag 12 november 2008 @ 10:04:05 #69

Chandler

Weet iemand trouwens een scriptje waarmee ik een div precies in het midden van het scherm kan zetten? had 1tje gevonden maar helaas deze werkt niet naar behoren en laat de div niet in het midden zien.

Ook is het mijzelf niet gelukt

(moet gebruik maken van margin-left, top: etc)

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

woensdag 12 november 2008 @ 11:55:16 #70

mcDavid

quote:
Op woensdag 12 november 2008 @ 10:04 schreef Chandler het volgende:
Weet iemand trouwens een scriptje waarmee ik een div precies in het midden van het scherm kan zetten? had 1tje gevonden maar helaas deze werkt niet naar behoren en laat de div niet in het midden zien.

Ook is het mijzelf niet gelukt (moet gebruik maken van margin-left, top: etc)

breedte is niet zo lastig lijkt me

hoogte:

1
2
3
4
5
6
7

Werkt iig in IE en Fx. Voor IE moet je wel html {height:100%} in je css zetten.

woensdag 12 november 2008 @ 13:47:40 #71

Chandler

Ok!, tnx!

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

vrijdag 14 november 2008 @ 13:27:24 #72

Sjoe538

Hallo,

De volgende functie(hieronder) moet het mogelijk maken om door op een knop te klikken, tekst te wijzigen, kleur wijzen en een andere functie aan mn button geven. Dit werkt in FF maar niet in IE, daar wordt de btn.onclick gelijk weer uitgevoerd en krijg ik een memory fout. Je kan geen setAttribute gebruiken voor IE, dit leek mij de enige mogelijkheid.. wat doe ik fout?

AJAX requests worden pas later toegevoegd uiteraard, het gaat alleen ff om dit stukje 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

1
2
3

Berichtverkeer is <span id="berichtverkeer" style="color:green;">Ingeschakeld.</span>
<br/>
<input type="button" id="berichtbtn" onclick="setOff('berichtverkeer', 'berichtbtn')" value="Uitschakelen">

vrijdag 14 november 2008 @ 13:52:14 #73

mcDavid

Die functies die je voor IE gebruikt zouden het gewoon in alle brouwsers moeten doen hoor.
En volgens mij moet je de functie die je op onclick wilt zetten quoten. Dus:

btn.onclick='setOn(\'berichtverkeer\', \'berichtbtn\')'

vrijdag 14 november 2008 @ 13:58:55 #74

Sjoe538

quote:
Op vrijdag 14 november 2008 13:52 schreef mcDavid het volgende:
Die functies die je voor IE gebruikt zouden het gewoon in alle brouwsers moeten doen hoor.
En volgens mij moet je de functie die je op onclick wilt zetten quoten. Dus:

btn.onclick='setOn('berichtverkeer', 'berichtbtn')'

Door het te quoten werkt het helemaal niet meer.. maar ik vind het vreemd dat de onclick ook gelijk wordt uitegevoerd terwijl ik m alleen set.

vrijdag 14 november 2008 @ 14:23:51 #75

mcDavid

Werkt dit?

1	object.onclick= function(){ setOn(whatever); }

_bron

vrijdag 14 november 2008 @ 14:30:24 #76

Sjoe538

quote:
Op vrijdag 14 november 2008 14:23 schreef mcDavid het volgende:
Werkt dit?
[ code verwijderd ]

_bron

btn.onclick= function(){ setOn('berichtverkeer', 'berichtbtn'); } werkt!

Ik dank je hartelijk

zaterdag 15 november 2008 @ 14:08:46 #77

mschol

ik heb het volgende "probleem":

ik heb een divje (<div id="mainContent">)
en daarin staan diverse <span> elementen..

ik wil d.m.v. 1 onclick event alle span elementen verbergen en vervolgens 1 van die span's tonen (afhankelijk van het argument dat wordt mee gegeven)...
dit moet echter ook goed gaan wanneer alles al verborgen is (bij openen van de pagina)
de span's hebben als id:
vol1_C1
vol1_C2
vol1_C3
vol2_C1
vol2_C2
vol2_C3

etc...

hoe kan ik dat doen?
ik heb het volgende geprobeerd:

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

maar dat deed het niet (zowel FF als IE)

zaterdag 15 november 2008 @ 17:28:31 #78

mcDavid

Heb je mainContent wel gedefineerd als document.getElementById("mainContent")?

verder is volgens mij die 2e for loop dubbelop. Je kunt gewoon getElementsByTagName("span")[i].style.display='none' gebruiken.

En bovendien is visibility = hidden en display = none ook dubbelop.
Visibility zorgt ervoor dat een element onzichtbaar wordt, maar wel blijft staan;
display = none zorgt ervoor dat een element echt wordt 'weggehaald' (zodat'ie ook geen ruimte meer inneemt).
En tenslotte is een span van zichzelf display="inline" dus het lijkt me verstandig om inline te gebruiken ipv block (tenzij je er een goede reden voor hebt)

-edit-
overigens zijn je huidige for-loops sowieso verkeerd ingericht. Probeer maar eens voor jezelf na te gaan hoe er precies door de loops heengewandeld wordt (beetje lastig om het helemaal uit te leggen). Als je bovenstaande methode zou gebruiken zou het volgens mij wel goed gaan.

[ Bericht 18% gewijzigd door mcDavid op 15-11-2008 17:34:58 ]

zaterdag 15 november 2008 @ 20:13:52 #79

mschol

quote:
Op zaterdag 15 november 2008 17:28 schreef mcDavid het volgende:
Heb je mainContent wel gedefineerd als document.getElementById("mainContent")?
-knip-

dat was inderdaad mijn probleem

en die 2de loop is niet dubbelop..

ik heb namelijk in de span 2 variabele nummers:
vol1_C1
het eerste cijfer geeft aan om welk "object" het gaat
en de 2de geeft aan om welk deel het van het "object" gaat
beide zijn variabel, echter heb ik de 2de een vast aantal gegeven... (omdat meer niet nodig is momenteel..)
en aangezien ik de gegevens los van elkaar wil benaderen heb ik deze oplossing bedacht, misschien niet de beste maar het functioneert precies zoals ik wil

ik kan overigens niet de span's aflopen om die per gevonden item te verbergen...
in de spans zitten nog wat spans (puur omdat het a) werkt en b) ik niks anders kon verzinnen

)

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

quote:
En bovendien is visibility = hidden en display = none ook dubbelop.
Visibility zorgt ervoor dat een element onzichtbaar wordt, maar wel blijft staan;
display = none zorgt ervoor dat een element echt wordt 'weggehaald' (zodat'ie ook geen ruimte meer inneemt).
En tenslotte is een span van zichzelf display="inline" dus het lijkt me verstandig om inline te gebruiken ipv block (tenzij je er een goede reden voor hebt)

-edit-
overigens zijn je huidige for-loops sowieso verkeerd ingericht. Probeer maar eens voor jezelf na te gaan hoe er precies door de loops heengewandeld wordt (beetje lastig om het helemaal uit te leggen). Als je bovenstaande methode zou gebruiken zou het volgens mij wel goed gaan.

mja die visibility/display is dan idd wel dubbelop... die corrigieer ik nog wel..

en hoe die gedisplayed wordt kan mij niet uitmaken als het werkt

(tis niet iets dat aan w3c moet voldoen, het moet goed functioneren.. en dat doet het in zowel IE als FF)

zaterdag 15 november 2008 @ 20:19:12 #80

mcDavid

ah, zo met allspans.length/3 klopt'ie al beter ja. Loopt je script er iig niet op vast. Maar als je functie er idd zo uitziet pakt'ie ze toch allemaal dus kun je net zo goed mijn idee gebruiken.

En echt: display='none' en visibility = 'hidden' is dubbelop!

zaterdag 15 november 2008 @ 20:20:37 #81

mschol

quote:
Op zaterdag 15 november 2008 20:19 schreef mcDavid het volgende:
ah, zo met allspans.length/3 klopt'ie al beter ja. Loopt je script er iig niet op vast. Maar als je functie er idd zo uitziet pakt'ie ze toch allemaal dus kun je net zo goed mijn idee gebruiken.

En echt: display='none' en visibility = 'hidden' is dubbelop!

hij pakt nu alleen de span's met een bepaalde ID, de rest laat hij lekker met rust (die IN de span met naam zitten)

zaterdag 15 november 2008 @ 20:22:50 #82

mcDavid

Ah ok. En ja het is ook niet 'fout' om ze display:block te maken, maar het kan in sommige gevallen zijn dat het er dan anders uitziet als origineel. Ligt een beetje aan je verdere opmaak.

maandag 17 november 2008 @ 13:52:58 #83

Flaccid

Ik wil iets maken waarin ik onderin een iframe heb met thumbnails, en als je daarop klikt komt er een groot plaatje in het midden. Schets:

Onderin dus een balk met thumbs, en als je aan de rand zit scroll je naar rechts of naar links. Op een klik op een thumb word er een nieuwe foto geladen, met een overgang (fadeinout). Net boven de balk komt een kleine textbalk, waar ik wat tekst wil op pleuren, gelinked per foto. Ik wil het helemaal zelf maken, is een goede oefening. Is dit haalbaar?
Tips?

maandag 17 november 2008 @ 14:17:32 #84

mcDavid

Is prima haalbaar. Maar waarom wil je het met een iframe doen? maakt het alleen maar ingewikkeld denk ik.

Je kunt bijv. die grote afbeelding een ID geven, en dan de source wijzigen als je op een thumbnail klikt.

maandag 17 november 2008 @ 14:31:01 #85

Flaccid

quote:
Op maandag 17 november 2008 14:17 schreef mcDavid het volgende:
Is prima haalbaar. Maar waarom wil je het met een iframe doen? maakt het alleen maar ingewikkeld denk ik.

Je kunt bijv. die grote afbeelding een ID geven, en dan de source wijzigen als je op een thumbnail klikt.

Ik wil de onderste thumbbar als iframe doen. Of gewoon een ID met overflow scroll? Ik heb niks kunnen vinden btw over het scrollen met je muis aan de rand, kan iemand iets vinden? Ik wil eigenlijk aan de zijkanten nog iets doen met 2 knopjes [<<] img img img img [> >] en dat je scrollt als je op die pijltjes hovert.

maandag 17 november 2008 @ 14:36:27 #86

mcDavid

quote:
Op maandag 17 november 2008 @ 14:31 schreef Flaccid het volgende:

[..]

Ik wil de onderste thumbbar als iframe doen. Of gewoon een ID met overflow scroll? Ik heb niks kunnen vinden btw over het scrollen met je muis aan de rand, kan iemand iets vinden? Ik wil eigenlijk aan de zijkanten nog iets doen met 2 knopjes [<<] img img img img [> >] en dat je scrollt als je op die pijltjes hovert.

Ik zou gewoon een div maken met overflow scroll idd.

Verder ja met javascript kun je wel scrollen, dus moet te doen zijn met een hover...
zie bijv. http://www.w3schools.com/(...)_dom_window_scrollby

dinsdag 18 november 2008 @ 15:43:11 #87

mcDavid

Ik probeer de scrollpositie van een iframe [

] op te halen.

Voor firefox werkt het volgende prima:

1	window.frames['page'].window.pageYOffset

IE heeft haar eigen alternatieve methode, maar die blijft maar 0 teruggeven.

1	window.frames['page'].document.body.scrollTop

Blijkbaar herkent'ie het wel, anders zou het script vastlopen of undefined teruggeven lijkt me..

Heeft iemand een idee?

woensdag 19 november 2008 @ 15:23:31 #88

mcDavid

Schop.

woensdag 19 november 2008 @ 16:40:48 #89

mschol

http://episteme.arstechni(...)27813/m/147000393731 ?

donderdag 20 november 2008 @ 01:09:09 #90

mcDavid

quote:
Op woensdag 19 november 2008 @ 16:40 schreef mschol het volgende:
http://episteme.arstechni(...)27813/m/147000393731 ?

Hmm hoop interessant leesvoer!

Het blijkt idd alleen te werken met IE in quirks mode.

Maarja daar word je ook niet bepaald vrolijk van

vrijdag 21 november 2008 @ 14:25:39 #91

Flaccid

Ik kom niet uit dat scrollen van een iframe (of id). Ik wil dat met 2 hovers kunnen doen.

1 2	<a href="#" onmouseover="javascript:scroll_iframe('test',10,'v');">Test</a> <iframe src="test.htm" height="250px" widht="100px" id="test" name="test" ></iframe>

Dit werkt alleen niet.

[ Bericht 74% gewijzigd door Flaccid op 21-11-2008 14:49:47 ]

vrijdag 21 november 2008 @ 14:50:28 #92

mcDavid

quote:
Op vrijdag 21 november 2008 @ 14:25 schreef Flaccid het volgende:
Ik kom niet uit dat scrollen van een iframe (of id). Ik wil dat met 2 hovers kunnen doen.

maak 3 functies, functie 1: timer, functie 2: scrollBy() functie 3: kill timer

onmouseover doe je functie 1,
onmouseout doe je functie 3.

de timer in functie 1 laat je bijv. iedere 100 ms functie 2 uitvoeren
functie 2 laat je iedere keer bijv. 3 pixels scrollen.

vrijdag 21 november 2008 @ 14:57:19 #93

Chandler

http://www.java2s.com/Cod(...)ollwhenmouseover.htm is dit niet te gebruiken?

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

vrijdag 21 november 2008 @ 15:30:52 #94

Flaccid

quote:
Op vrijdag 21 november 2008 14:57 schreef Chandler het volgende:
http://www.java2s.com/Cod(...)ollwhenmouseover.htm is dit niet te gebruiken?

Ik denk het wel, maar ik wil eerst kijken of ik het zelf kan.

quote:
Op vrijdag 21 november 2008 14:50 schreef mcDavid het volgende:

[..]

maak 3 functies, functie 1: timer, functie 2: scrollBy() functie 3: kill timer

onmouseover doe je functie 1,
onmouseout doe je functie 3.

de timer in functie 1 laat je bijv. iedere 100 ms functie 2 uitvoeren
functie 2 laat je iedere keer bijv. 3 pixels scrollen.

Even scrollby ding opzoeken

vrijdag 21 november 2008 @ 19:40:14 #95

Flaccid

Ik kom erachter dat dat scrollby niet voor een iframe is. Kan ik niet gewoon een marquee gebruiken?

zondag 23 november 2008 @ 20:34:21 #96

poepeneesje

bR33Z4h

Hallo mensen,

Ik ben al een tijdje aan het klooien met het volgende: Ik probeer drie keer een cross fade effect te creëren met JS, dit lukt wel voor één array plaatjes. Maar de volgende twee willen niet lukken. Ik heb zitten kijken maar het komt omdat het script onder andere alleen de CSS id pakt en niet de class. Omdat getElementById bestaat, maar niet voor class...

Het huidige resultaat is hier te zien. De bedoeling is dat de eerste twee arrays hetzelfde als de derde array.

Mijn JS:

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

En mijn 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

Iemand die weet hoe ik voor alle drie de arrays werkend kan krijgen?

Aan dit bericht kunnen geen rechten worden ontleend.

zondag 23 november 2008 @ 21:51:04 #97

mcDavid

1
2
3
4
5
6

   imgs = d.getElementById("fade-one").getElementsByTagName("img");
   for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
   imgs[0].style.display = "block";
   imgs[0].xOpacity = .99;

   setTimeout(so_xfade,1000);

dat stukje 3x uitvoeren, en imgs niet global declareren maar meegeven in de functie.

zondag 23 november 2008 @ 23:33:31 #98

poepeneesje

bR33Z4h

quote:
Op zondag 23 november 2008 21:51 schreef mcDavid het volgende:

[ code verwijderd ]

dat stukje 3x uitvoeren, en imgs niet global declareren maar meegeven in de functie.

Ik ben echt een totale noob op het gebied van JS, zou je het misschien meer in jip-en-janneke taal kunnen uitleggen

? Ik zou echt niet weten hoe ik jou tips zou moeten verwerken...

Aan dit bericht kunnen geen rechten worden ontleend.

donderdag 27 november 2008 @ 15:53:27 #99

Chandler

Ik zit met het volgende, voor mijn statistieken script heb ik het volgende stukje javascript geschreven:

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

Als ik dit gebruik op een domein met de volgende externe librarys

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

dan krijg ik een fout

1

http://www.mijndomein.nl/count/7zR13Li2.png?cache=false&lastIndexOf=function(item, i) { i = isNaN

? this.length : (i < 0 ? this.length + i : i) + 1; var n = this.slice(0, i).reverse().indexOf(item); return (n < 0) ? n : i - n - 1;}&indexOf=function(item, i) { i || (i = 0); var length = this.length; if (i < 0) i = length + i; for (; i < length; i++) if (this[i] === item) return i; return -1;}&toJSON=function() { var results = []; this.each(function(object) { var value = Object.toJSON(object); if (!Object.isUndefined(value)) results.push(value); }); return '[' + results.join(', ') + ']'; }&clone=function() { return [].concat(this); }&intersect=function(array) { return this.uniq().findAll(function(item) { return array.detect(function(value) { return item === value }); }); }&uniq=function(sorted) { return this.inject([], function(array, value, index) { if (0 == index || (sorted ? array.last() != value : !array.include(value))) array.push(value); return array; }); }&reduce=function() { return this.length > 1 ? this : this[0]; }&without=function() { var values = $A(arguments); return this.select(function(value) { return !values.include(value); }); }&flatten=function() { return this.inject([], function(array, value) { return array.concat(Object.isArray(value) ? value.flatten() : [value]); }); }&compact=function() { return this.select(function(value) { return value != null; }); }&last=function() { return this[this.length - 1]; }&first=function() { return this[0]; }&clear=function() { this.length = 0; return this; }&_each=function(iterator) { for (var i = 0, length = this.length; i < length; i++) iterator(this[i]); }&_reverse=function reverse() { [native code]}&some=function(iterator, context) { iterator = iterator ? iterator.bind(context) : Prototype.K; var result = false; this.each(function(value, index) { if (result = !!iterator(value, index)) throw $break; }); return result; }&every=function(iterator, context) { iterator = iterator ? iterator.bind(context) : Prototype.K; var result = true; this.each(function(value, index) { result = result && !!iterator(value, index); if (!result) throw $break; }); return result; }&entries=function() { return this.map(); }&member=function(object) { if (Object.isFunction(this.indexOf)) if (this.indexOf(object) != -1) return true; var found = false; this.each(function(value) { if (value == object) { found = true; throw $break; } }); return found; }&filter=function(iterator, context) { iterator = iterator.bind(context); var results = []; this.each(function(value, index) { if (iterator(value, index)) results.push(value); }); return results; }&select=function(iterator, context) { iterator = iterator.bind(context); var results = []; this.each(function(value, index) { if (iterator(value, index)) results.push(value); }); return results; }&find=function(iterator, context) { iterator = iterator.bind(context); var result; this.each(function(value, index) { if (iterator(value, index)) { result = value; throw $break; } }); return result; }&map=function(iterator, context) { iterator = iterator ? iterator.bind(context) : Prototype.K; var results = []; this.each(function(value, index) { results.push(iterator(value, index)); }); return results; }&inspect=function() { return '[' + this.map(Object.inspect).join(', ') + ']'; }&size=function() { return this.length; }&zip=function() { var iterator = Prototype.K, args = $A(arguments); if (Object.isFunction(args.last())) iterator = args.pop(); var collections = [this].concat(args).map($A); return this.map(function(value, index) { return ite

terwijl ik eingelijk dit terug zou moeten krijgen

1

http://www.mijndomein.nl/count/7zR13Li2.png?cache=false&language=nl&colordepth=32&screenwidth=1280&screenheight=1024&is_cookie=1&js_version=1.8&plugins=Mozilla%20Default%20Plug-in,Shockwave%20for%20Director,Shockwave%20Flash,Google%20Update,RealPlayer%28tm%29%20G2%20LiveConnect-Enabled%20Plug-In%20%2832-bit%29%20,RealPlayer%20Version%20Plugin,Yahoo%21%20activeX%20Plug-in%20Bridge,Microsoft%AE%20DRM,Windows%20Media%20Player%20Plug-in%20Dynamic%20Link%20Library,

Wat gaat er fout? :D kan iemand mij hiermee helpen?

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

vrijdag 28 november 2008 @ 17:07:41 #100

Chandler

Niemand?

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

vrijdag 28 november 2008 @ 19:52:06 #101

SuperRembo

Sinds 1998

Dat komt denk ik doordat prototype.js een aantal uitbreidingen maakt op het Array object (via Array.prototype) zodat een array bijvoorbeeld een lastIndexOf() functie krijgt. Een gevolg daarvan is dat je niet zonder meer de normale for(<key> in <object>) constructie meer kan gebruiken.
Dit kan je "oplossen" door de omslachtige prototypejs functies te gebruiken. Of je kan een alternatief voor for( in ) bedenken.
Of je kan prototypejs natuurlijk helemaal over boord gooien

zaterdag 29 november 2008 @ 10:03:41 #102

Chandler

Ik heb op google gezocht maar kon eingelijk niets vinden over de oplossing die je schetst, hoe zou je de oplossing zien?

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

zondag 30 november 2008 @ 22:49:43 #103

SuperRembo

Sinds 1998

Je hebt eigenlijk twee opties:

Je verdiepen in de prototypejs api: http://www.prototypejs.org/api

Geen for(x in y) gebruiken

dinsdag 2 december 2008 @ 17:33:36 #104

Chandler

Maar wat is het alternatief dan op een for(x in y) loop? wist trouwens niet dat je dat soort elementen kon herschrijven middels javascript

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

dinsdag 2 december 2008 @ 19:14:55 #105

SuperRembo

Sinds 1998

1. for(x in y) kan je niet herschrijven
2. Het alternatief voor for(x in y) met prototypejs is Enumerable.each(), zie api
3. Jouw for(x in y) levert niet op wat je verwacht omdat je langs alle properties van het object loopt. Dus niet alleen de property's die jij hebt gezet, maar ook de property's die prototypejs heeft toegevoegd (zoals een functie indexOf)
4. In jouw geval kan je de querystring ook opbouwen zonder for loopje, gewoon direct de string aan elkaar plakken.

Als je prototypejs wil blijven gebruiken dan kan je ook een Hash object gebruiken, die heeft een toQueryString functie.

dinsdag 2 december 2008 @ 19:53:39 #106

Chandler

Nou eingelijk moet het scriptje werken in iedere site met wat voor externe scripts dan ook

maar idd dan zal ik het even moeten herschrijven zonder for ... in

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

dinsdag 2 december 2008 @ 19:55:22 #107

Flaccid

.edit nvm

[ Bericht 94% gewijzigd door Flaccid op 02-12-2008 20:24:32 ]

donderdag 4 december 2008 @ 09:45:58 #108

Chandler

Het is opgelost met for in, door iedere variabel van stat_ te voorzien en in de for in te controlleren of stat voor de variabel staat

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

FOK!-Schrikkelbaas zaterdag 6 december 2008 @ 19:25:02 #109

Swetsenegger

Egocentrische Narcist

Ik zoek een onrightmousup event handler

Ik heb een ajaxcall nadat er een bepaalde sleutel in een textveld is ingevoerd. Maar dit kan ook dmv plakken.

Ik had het onkeyup event en dat werkt uiteraard prima zolang je maar met het keyboard plakt en niet met de muis. onmouseup toegevoegd maar die fired alleen op de LINKER muisknop en rechtsklikken voor het contextmenu en dan plakken wordt niet op gereageerd. Toen vond ik het 'onpaste' event, maar die reageert alleen op een ctrl-v en niet op een rechtermuisknop -> plak.

Iemand een idee?

 | FOK! Schrikkelbaasch

zaterdag 6 december 2008 @ 20:28:02 #110

mcDavid

kun je checken met een functie, links is 1, rechts 2, midden 3.

event.which==2
event.button==2 //alto-manier voor de alto-browser IE

zaterdag 6 december 2008 @ 20:32:04 #111

Light

Kun je niets met een onchange, Swets?

fokstok.nl

FOK!-Schrikkelbaas zaterdag 6 december 2008 @ 21:46:11 #112

Swetsenegger

Egocentrische Narcist

Ik heb het opgelost. onpaste werkt wel, maar direct als je op 'paste' drukt. En dan staat simpelweg de waarde die je wil pasten nog niet in je input veld. Dus een settimeout lostte het probleem op.

Ander probleem. IE7 geeft een JS error zodra ik op 'bekijk' klik en ik heb geen idee waarom...

1
2
3
4
5

<td style="font-size:10px" id="couponValid">
<img src="../images/yes.gif" height="10px" width="10px" /> Geldige coupon!<br />
<span style="color:black;cursor:pointer;cursor:hand;text-decoration:underline"
onclick="window.open('http://www.domein.nl/pagina.php','Overzicht winkelwagentje','width=650,height=125,left=200,top=0,scrollbars=no');">
Bekijk</span> uw bijgewerkte winkelwagentje.</td>

De foutmelding is 'invalid argument' char 1 op deze regel...
_{Ik heb nu voor de leesbaarheid even linebreaks toegevoegd. in de source staat het op 1 regel. IN safari en ff op OSX en chrome windows opent de pop-up window prima.}

 | FOK! Schrikkelbaasch

zondag 7 december 2008 @ 00:49:14 #113

mschol

quote:
Op zaterdag 6 december 2008 21:46 schreef Swetsenegger het volgende:
Ik heb het opgelost. onpaste werkt wel, maar direct als je op 'paste' drukt. En dan staat simpelweg de waarde die je wil pasten nog niet in je input veld. Dus een settimeout lostte het probleem op.

Ander probleem. IE7 geeft een JS error zodra ik op 'bekijk' klik en ik heb geen idee waarom...
[ code verwijderd ]

De foutmelding is 'invalid argument' char 1 op deze regel...
_{Ik heb nu voor de leesbaarheid even linebreaks toegevoegd. in de source staat het op 1 regel. IN safari en ff op OSX en chrome windows opent de pop-up window prima.}

'Overzicht winkelwagentje' moet aan elkaar (het is geen titel die getoond wordt, allleen een naam om het venster later aan te kunnen spreken via JS)

FOK!-Schrikkelbaas zondag 7 december 2008 @ 09:27:14 #114

Swetsenegger

Egocentrische Narcist

quote:
Op zondag 7 december 2008 00:49 schreef mschol het volgende:

[..]

'Overzicht winkelwagentje' moet aan elkaar (het is geen titel die getoond wordt, allleen een naam om het venster later aan te kunnen spreken via JS)

Bizar dat alleen IE daarover valt. En ik had hem in mijn ajaxcall al een keer gewijzigd, maar als ik de page refreshed kijkt hij of ik een sessie korting heb en zo ja, veranderd hij gewoon de innerhtml serverside. Dus clientside wel aangepast, serverside niet waardoor ik geen resultaat dacht te hebben.

 | FOK! Schrikkelbaasch

dinsdag 9 december 2008 @ 11:29:51 #115

Chandler

Ik heb een vraagje, stel je hebt een aantal input fields en bij ieder input field hoort een checkbox

1
2
3
4
5
6
7

Nu wil ik dat wanneer de inhoudt gewijzigd wordt de checkbox aangevinkt wordt. Op zich is dat natuurlijk niet zo moeilijk en dat klopt, maar eingelijk wil ik ook controlleren dat wanneer iemand de tekst niet veranderd de checkbox niet gechecked wordt... een beetje extra controle.

Heeft iemand een idee hoe ik dit het beste kan controlleren?

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

dinsdag 9 december 2008 @ 13:14:15 #116

mcDavid

Ik begrijp niet helemaal waarom dat niet met onchange kan?

dinsdag 9 december 2008 @ 15:54:25 #117

Chandler

Ik heb nu het volgende

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

En dit is de code voor het bewerken van de titel van de afbeelding

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

                    <div>

                        <div class="box"><img src="thumbnail/2008/12/09/1-1228817838-706146240.jpg" alt="image" /></div>
                        <span>Titel</span> <input type="text" onKeyUp="imgTitle(0);" id="img_0" name="img_tit[1]" tabindex="99" value="" /><br />
                        <span>Map </span> Hoofdmap<br />
                        <span>Views</span> 5 <br /><br />
                        <span>Opties</span> <input type="checkbox" id="check_999" tabindex="999" style="width: 20px; margin-right: 2px; float: left;" name="check[1]" />

                                            <a href="/image/1.html"><img src="/images/icon_view.gif" alt="Bekijk" /></a>
                                            <a href="/photoedit.html?id=1"><img src="/images/icon_edit.gif" alt="Bewerk" /></a> <br />
                    </div>

                    <div>
                        <div class="box"><img src="thumbnail/2008/12/09/1-1228817838-674804687.jpg" alt="image" /></div>
                        <span>Titel</span> <input type="text" onKeyUp="imgTitle(1);" id="img_1" name="img_tit[2]" tabindex="100" value="" /><br />
                        <span>Map </span> Hoofdmap<br />

                        <span>Views</span> 0 <br /><br />
                        <span>Opties</span> <input type="checkbox" id="check_1000" tabindex="1000" style="width: 20px; margin-right: 2px; float: left;" name="check[2]" />
                                            <a href="/image/2.html"><img src="/images/icon_view.gif" alt="Bekijk" /></a>
                                            <a href="/photoedit.html?id=2"><img src="/images/icon_edit.gif" alt="Bewerk" /></a> <br />
                    </div>

Op zich werkt het al aardig, maar als ik niets in de input field heb staan en er iets in zet en het weer weghaalt blijft de checkbox gevinkt staan en dat wil ik niet. Ik wil controlleren of imgTitleArr[id] bestaat of niet en dat werkt blijkbaar niet goed met if (!imgTitleArr[id])

Anyone? :D

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

dinsdag 9 december 2008 @ 21:39:46 #118

SuperRembo

Sinds 1998

Wat heb je toch altijd van die fijne heldere voorbeelden. Van die voorbeelden waarbij je direct ziet waar het om draait, zonder overbodige code die alleen maar zou afleiden

woensdag 10 december 2008 @ 10:52:46 #119

Chandler

Sorry SR, Schrijven is zoals je weet niet mijn sterkte vak!!!

en uitbeelden al helemaal niet maar we proberen het even opnieuw.

Het probleem is als volgt. Zoals je in de vorige post van mij kan zien heb ik een aantal input velden, deze input velden worden bij de eerste klik (op het veld zelf) gecontrolleerd door een stukje javascript. Dit stukje javascript dient te controlleren of de input is veranderd of niet. Waarbij het bij de 1e klik kijkt of er in een array de ID van het input veld te vinden is, is dit niet het geval dan moet de index in de array aangemaakt worden met de huidige waarde van het input veld. Is de tekst veranderd dan dient de checkbox aangevinkt te worden (automatisch)

Nu werkt het deels, echter als de input veld leeg is en ik er een tekst in zet en deze tekst weer verwijder krijg blijft de checkbox gevinkt, dat is mijn probleem. Waarschijnlijk ligt het probleem bij het aanmaken van het element in de array. Want blijkbaar ziet !arr[id] een lege variabel ook als 'niets' en dat is niet de bedoeling.

Hoe kan ik dit oplossen? (is dit beter?

)

Het rare is dat wanneer de tekstveld leeg is en ik bv 1x een a invoer de checkbox niet gechecked wordt, maar doe ik 2x een a dan wordt de checkbox gevinkt, haal ik alles weg dan blijft de checkbox gevinkt tenzij ik 1 a laat staan dan is de checkbox niet gevinkt!

[ Bericht 2% gewijzigd door Chandler op 10-12-2008 11:15:06 ]

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

woensdag 10 december 2008 @ 20:08:54 #120

SunBoom

Ben nu bezig met een script om te bepalen op welke dag van de week een bepaalde datum valt in JavaScript

Alleen weet ik echt niet hoe je het volgende zou moeten doen:

Je hebt een variabele (een jaartal, dus 4 cijfers).
Het scriptje moet die variabele in tweeën splitsen als het ware en er twee andere (of één andere

) variabele(n) van maken.

Voorbeeld:

Iemand voert 2008 als jaartal in.
Het scriptje hakt dit vervolgens in tweeën en maakt er twee variabelen van, zoals:
variabele1=20
variabele2=08

Ik heb keine idee

donderdag 11 december 2008 @ 10:40:54 #121

SuperRembo

Sinds 1998

1
2
3
4
5
6
7

var year = 2008;
var month = 11;
var d = 1;
var date = new Date(year, month - 1, d);// een Date object
var day = date.getDay();// dag van vandaag, 0=zondag, 1=maandag
var dayNames = ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'];
alert(dayNames[day]);// geeft de naam van de datum

Maar waarom zou je het jaartal in tweeën willen hakken?

donderdag 11 december 2008 @ 13:57:20 #123

mcDavid

quote:
Op donderdag 11 december 2008 @ 13:53 schreef Scorpie het volgende:
Ik heb een textfield waarop ik events capture. Control+v (pasten) werkt, die kan ik opvangen. Maar rechtermuis knop in het textfield en dan paste werkt niet. Iemand een idee hoe ik dit event capture?

! stop er maar mee, swets is je voor op deze opdracht!

quote:
Op zaterdag 6 december 2008 @ 21:46 schreef Swetsenegger het volgende:
Ik heb het opgelost. onpaste werkt wel, maar direct als je op 'paste' drukt. En dan staat simpelweg de waarde die je wil pasten nog niet in je input veld. Dus een settimeout lostte het probleem op.

donderdag 11 december 2008 @ 17:38:53 #125

SunBoom

quote:
Op donderdag 11 december 2008 10:40 schreef SuperRembo het volgende:

[ code verwijderd ]

Maar waarom zou je het jaartal in tweeën willen hakken?

Ja, zo kan het natuurlijk ook.

Maar ik ben beginner met JS en moet opdrachten maken voor studie. Ik heb dus een pseudocode gekregen en moet die omzetten in JS.
Met PSD's jeweetwel een Nassi Scheinderman Diagram

(lol wie gebruikt die nog, onze school wel

) is het supersimpel eigenlijk en weet ik het zo te doen, maar met JS dus helaas niet.

Laat ik mijn vraag even anders formuleren dan:

a. Ik heb dus 1 variabele te weten een jaartal van 4 cijfers.
b. Met een of andere command/code moet hij dit getal in tweeën hakken.
c. Vervolgens moet hij hiervan 2 variabelen maken.

Dus:
a. invoer bijv. 2008
b. wil ik nu juist weten, zodat je 20 en 08 krijgt.
c. dat zal lukken als ik b weet, zodat variabele 1=20 en variabele 2=08

Hoop echt dat iemand me kan helpen.

En nog een kort beginners vraagje:
Waarom zetten mensen soms var voor een variabele? Dat is toch eigenlijk niet nodig? Of is dit weer voor oudere browsers

donderdag 11 december 2008 @ 17:58:21 #126

mcDavid

quote:
Op donderdag 11 december 2008 @ 17:38 schreef SunBoom het volgende:

[..]

Ja, zo kan het natuurlijk ook.

Maar ik ben beginner met JS en moet opdrachten maken voor studie. Ik heb dus een pseudocode gekregen en moet die omzetten in JS.
Met PSD's jeweetwel een Nassi Scheinderman Diagram (lol wie gebruikt die nog, onze school wel ) is het supersimpel eigenlijk en weet ik het zo te doen, maar met JS dus helaas niet.

Laat ik mijn vraag even anders formuleren dan:

a. Ik heb dus 1 variabele te weten een jaartal van 4 cijfers.
b. Met een of andere command/code moet hij dit getal in tweeën hakken.
c. Vervolgens moet hij hiervan 2 variabelen maken.

Dus:
a. invoer bijv. 2008
b. wil ik nu juist weten, zodat je 20 en 08 krijgt.
c. dat zal lukken als ik b weet, zodat variabele 1=20 en variabele 2=08

Hoop echt dat iemand me kan helpen.

En nog een kort beginners vraagje:
Waarom zetten mensen soms var voor een variabele? Dat is toch eigenlijk niet nodig? Of is dit weer voor oudere browsers

vraag 1: variable_1=jaartal.slice(0,2); variable_2=jaartal.slice(2,4)
vraag 2: je moet ze één keer declareren met var, daarna is het lang leve de lol.
-edit- Ok, je mág ze declareren, kan nuttig zijn als je met functions werkt.

donderdag 11 december 2008 @ 20:36:47 #127

SunBoom

Bedankt

vrijdag 12 december 2008 @ 18:33:50 #128

Chandler

Ik heb mijn probleem reeds opgelost op een andere manier omdat het blijkbaar onmogelijk is om te kijken of een element bestaat met of zonder inhoudt.

Nu heb ik een ander klein vaag iets.

In internet explorer gebeurd er niets met onmouseout maar in firefox wel.

Ik heb de volgende functie gemaakt:

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

en dit gebruik in het volgende stukje html

1 2	Stemmen: <div id="votediv" style="display: inline;"></div <script type="text/javascript">stars(4, 1, -1);</script>

echter in FF krijg ik weer de standaard aantal stemmen terug bij een onmouseout maar in IE blijft het aantal stemmen staan op de stem(aantal sterren) die het laatst getriggerd is door een onmouseover

Doe ik iets fout? of zit Internet Explorer weer te ouhoeren?

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

vrijdag 12 december 2008 @ 19:56:03 #129

SunBoom

Of je verneukt ff de hele layout.

Kun je niet beter een voting script met PHP maken?

vrijdag 12 december 2008 @ 20:05:19 #130

Chandler

Mijn vraag heeft helaas niets met PHP te maken maar meer met waarom onmouseout niet werkt op een of andere manier in IE7 (tenminste in deze opzet, als hierboven gegeven).

Verder wordt het voten verder geregeld via PHP, maar dat is de vraag niet

^{hoe verneuk ik de gehele layout ? hier ziet het er allemaal netjes uit hoor! IE7}

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

zaterdag 13 december 2008 @ 14:28:14 #131

SunBoom

Ja waarschijnlijk omdat jij een hogere resolutie hebt. 1024x768 hier en dan is de layout prettig verneukt.

zaterdag 13 december 2008 @ 14:32:15 #132

Roy_T

quote:
Op vrijdag 12 december 2008 18:33 schreef Chandler het volgende:

Doe ik iets fout? of zit Internet Explorer weer te ouhoeren?

Welke error krijg je? Zeldzaam ranzige JS overigens, om zo met die HTML string te kloten. DOM-scripting en event listeners anyone?

zondag 14 december 2008 @ 12:57:14 #133

Relin

Suomi Powerrrr!

Hey,
Ik heb een verzoekje/vraagje. Ik ben bezig een site in elkaar te knutselen in dreamweaver (neej, ben niet al te handig, kom niet verder dan iets simpels...) en wil graag zo'n random image. Dat wanneer je refresht je een nieuwe image te zien krijgt.
Die zou dan in de header moeten komen te staan. Heb gisteren de hele dag gezocht op internet, ook wat scripts gevonden, maar wat ik ook deed, ik kreeg geen foto te zien. Nu ben ik op het gebied van Javascript een complete leek, dus ik zal wel iets heel simpels fout doen, maar ik weet niet wat

Ik heb 10 plaatjes geselecteerd. Allen zijn 1288x300. En ik zou die dus graag random als header gebruiken...

Heeft iemand een simpele code die ik kan toepassen?

Alvast ontzettend bedankt!

Go Hard Or Go Home
http://www.rp-originals.nl

zondag 14 december 2008 @ 13:59:46 #134

Chandler

quote:
Op zaterdag 13 december 2008 14:32 schreef Roy_T het volgende:
Welke error krijg je? Zeldzaam ranzige JS overigens, om zo met die HTML string te kloten. DOM-scripting en event listeners anyone?

Ik krijg totaal geen errors, in IE niet maar ook in FF geen errors. En het zal ongetwijfeld ranzig zijn

maar heel veel meer kaas heb ik niet van javascript gegeten (misschien handig om eens wat meer te leren over het aanmaken van elementen etc).

Wat bedoel je precies met dom-scripting en event listeners?

^{zodat ik er van kan leren}

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

zondag 14 december 2008 @ 17:10:59 #135

SunBoom

quote:
Op zondag 14 december 2008 12:57 schreef Relin het volgende:
Hey,
Ik heb een verzoekje/vraagje. Ik ben bezig een site in elkaar te knutselen in dreamweaver (neej, ben niet al te handig, kom niet verder dan iets simpels...) en wil graag zo'n random image. Dat wanneer je refresht je een nieuwe image te zien krijgt.
Die zou dan in de header moeten komen te staan. Heb gisteren de hele dag gezocht op internet, ook wat scripts gevonden, maar wat ik ook deed, ik kreeg geen foto te zien. Nu ben ik op het gebied van Javascript een complete leek, dus ik zal wel iets heel simpels fout doen, maar ik weet niet wat

Ik heb 10 plaatjes geselecteerd. Allen zijn 1288x300. En ik zou die dus graag random als header gebruiken...

Heeft iemand een simpele code die ik kan toepassen?

Alvast ontzettend bedankt!

Gewoon een random hit @ Google

zondag 14 december 2008 @ 22:49:22 #136

Relin

Suomi Powerrrr!

FYI, ik ben bekend met Google, had je kunnen lezen, maar niet met Javascript. Vandaar dus ook mijn vraag hier, want ik heb verschillende scripts uitgeprobeerd, maar schijnbaar werkt het niet

...

Go Hard Or Go Home
http://www.rp-originals.nl

zondag 14 december 2008 @ 22:56:07 #137

Light

quote:
Op zondag 14 december 2008 22:49 schreef Relin het volgende:
FYI, ik ben bekend met Google, had je kunnen lezen, maar niet met Javascript. Vandaar dus ook mijn vraag hier, want ik heb verschillende scripts uitgeprobeerd, maar schijnbaar werkt het niet ...

Is het wat gelukt met het script dat SunBoom heeft gevonden? En zo niet, wat heb je dan aan code? Overigens zou ik het met php doen, maar javascript is natuurlijk ook een optie.

Even los van een random afbeelding, ik vind een header van 1288 pixels nogal breed.

fokstok.nl

maandag 15 december 2008 @ 16:34:00 #138

Relin

Suomi Powerrrr!

Nee, is niet gelukt. Krijg links bovenin een kruisje... Of moet ik eerst de foto's uploaden via FTP (nieuwe pagina staat nog niet online nl. Bekijk hem steeds offline) Sorry als het een domme vraag is

En ik weet dat 1288 groot is, maar ik wilde de header over de hele breedte van de pagina en ik gebruik zelf 1280x1024

Voor PHP moet je site dat toch ondersteunen ofzo? Ik weet niet of de mijne dat doet. Die wordt door One gehost. Is PHP eenvoudiger dan?

Go Hard Or Go Home
http://www.rp-originals.nl

maandag 15 december 2008 @ 16:54:09 #139

PiRANiA

All thinking men are atheists.

quote:
Op maandag 15 december 2008 16:34 schreef Relin het volgende:
Nee, is niet gelukt. Krijg links bovenin een kruisje... Of moet ik eerst de foto's uploaden via FTP (nieuwe pagina staat nog niet online nl. Bekijk hem steeds offline) Sorry als het een domme vraag is

En ik weet dat 1288 groot is, maar ik wilde de header over de hele breedte van de pagina en ik gebruik zelf 1280x1024

Voor PHP moet je site dat toch ondersteunen ofzo? Ik weet niet of de mijne dat doet. Die wordt door One gehost. Is PHP eenvoudiger dan?

One ondersteunt dat.
Hernoem je bestand naar bestandsnaam.php en zet daar eens in:
<img src="<?=rand(0,4)?>.jpg">
waar je je plaatjes 0.jpg, 1.jpg, 2.jpg, 3.jpg en 4.jpg noemt.

Dag Google!

maandag 15 december 2008 @ 17:22:42 #140

mcDavid

quote:
Op maandag 15 december 2008 @ 16:34 schreef Relin het volgende:
Nee, is niet gelukt. Krijg links bovenin een kruisje... Of moet ik eerst de foto's uploaden via FTP (nieuwe pagina staat nog niet online nl. Bekijk hem steeds offline) Sorry als het een domme vraag is

En ik weet dat 1288 groot is, maar ik wilde de header over de hele breedte van de pagina en ik gebruik zelf 1280x1024

Voor PHP moet je site dat toch ondersteunen ofzo? Ik weet niet of de mijne dat doet. Die wordt door One gehost. Is PHP eenvoudiger dan?

in dat geval is 1288 weer erg smal, zat mensen browsen breder.

maandag 15 december 2008 @ 18:23:36 #141

SunBoom

quote:
Op maandag 15 december 2008 16:34 schreef Relin het volgende:
Nee, is niet gelukt. Krijg links bovenin een kruisje...

Neem eerst even een cursus HTML.

maandag 15 december 2008 @ 18:37:50 #142

Light

quote:
Op maandag 15 december 2008 17:22 schreef mcDavid het volgende:

[..]

in dat geval is 1288 weer erg smal, zat mensen browsen breder.

Op een scherm met een resolutie van 1280? Daar zie ik nog niet zoveel mensen browsen op 1288

fokstok.nl

maandag 15 december 2008 @ 19:11:12 #143

PiRANiA

All thinking men are atheists.

quote:
Op maandag 15 december 2008 18:37 schreef Light het volgende:

[..]

Op een scherm met een resolutie van 1280? Daar zie ik nog niet zoveel mensen browsen op 1288

Dag Google!

dinsdag 16 december 2008 @ 15:10:16 #144

Relin

Suomi Powerrrr!

'k weet niet wat ik allemaal heb gedaan, maar in eens werkte het!
Iig thanks voor de hulp!

Go Hard Or Go Home
http://www.rp-originals.nl

zaterdag 20 december 2008 @ 17:20:18 #145

ludeau

Vraagje:

Ik heb in de database een aantal categorieën & subcategorieën staan. Bij het aanmaken van een object kan men eerst de categorie selecteren. Hierna wil ik dat in een tweede selectbox de subcategorieën die bij die categorie horen, komen.

Nu heb ik een tijdje lopen googelen maar niet echt het antwoord kunnen vinden (zo moeilijk moet het toch niet zijn?)

Iemand hier een ideetje?

zaterdag 20 december 2008 @ 17:44:29 #146

mcDavid

quote:
Op zaterdag 20 december 2008 @ 17:20 schreef ludeau het volgende:
Vraagje:

Ik heb in de database een aantal categorieën & subcategorieën staan. Bij het aanmaken van een object kan men eerst de categorie selecteren. Hierna wil ik dat in een tweede selectbox de subcategorieën die bij die categorie horen, komen.

Nu heb ik een tijdje lopen googelen maar niet echt het antwoord kunnen vinden (zo moeilijk moet het toch niet zijn?)

Iemand hier een ideetje?

Euh, je bent nogal vaag... de gebruiker krijgt een pagina met een selectbox, en afhankelijk van zijn keuze moet een tweede selectbox geladen worden vanuit een database?

Dan moet je eerst een pagina maken die je database kan aanspreken (PHP, ASP), en vervolgens met ajax die pagina aanroepen...

zaterdag 20 december 2008 @ 17:52:54 #147

Roy_T

Of als het geen duizenden records zijn in 1 keer ophalen en in, bijvoorbeeld, een array/object stoppen (ipv steeds een httprequest te doen).

zaterdag 20 december 2008 @ 17:56:23 #148

gieling

Live from NYC

Ben hier ookwel benieuwd naar

zaterdag 20 december 2008 @ 18:49:15 #149

ludeau

Nouja, afhankelijk van de keuze uit de eerste selectbox moeten de bijbehorende subcategorieën getoond worden

Ja ik zat zelf ook aan de oplossing van Roy_T te denken. Ben alleen vrij matig als het op javascript neerkomt; was dus online op zoek naar een voorbeeld script maar kon geen goede keywords verzinnen. Vandaar dat ik het hier even vroeg

zondag 21 december 2008 @ 15:06:13 #150

SuperRembo

Sinds 1998

Of kijk eens naar een pagina waar een soortgelijke functie in zit en kijk hoe ze 't daar gemaakt hebben. Bijvoorbeeld http://www.autoweek.nl .

woensdag 31 december 2008 @ 13:01:43 #151

hello_moto1992

Ik heb graag mijn website Valid. Nu heb ik er het volgende script in geplaatst:

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
89
90
91
92
93
94
95
96

Deze benader in via de functie include van PHP. Nu zegt de validator dat hij niet valid is vanwege 28 errors en 3 waarschuwingen. Maar ik heb eigenlijk geen verstand van javascript. Wat moet ik doen om bovenstaande tekst valid te maken?

woensdag 31 december 2008 @ 13:03:32 #152

veldmuis

Een url geven waar de pagina te bereiken is

.
Je kunt er trouwens het script ook in een .js bestand zetten en dat bestand 'includen' (dat is het niet, maar hoe noem je dat?) in je htmlletje. Dan kijkt de validator er niet naar

.

[ Bericht 25% gewijzigd door veldmuis op 31-12-2008 14:25:58 ]

woensdag 31 december 2008 @ 14:19:37 #153

mcDavid

javascript validator?

Watvoor programma/debugger gebruik je daar voor dan?

woensdag 31 december 2008 @ 14:47:16 #154

Roy_T

quote:
Op woensdag 31 december 2008 13:01 schreef hello_moto1992 het volgende:
Ik heb graag mijn website Valid. Nu heb ik er het volgende script in geplaatst:

Deze benader in via de functie include van PHP. Nu zegt de validator dat hij niet valid is vanwege 28 errors en 3 waarschuwingen. Maar ik heb eigenlijk geen verstand van javascript. Wat moet ik doen om bovenstaande tekst valid te maken?

Ik durf te wedden dat die errors geen van allen door je JavaScript komen, maar door fouten in je HTML. Wat is de output van de validator precies?

woensdag 31 december 2008 @ 14:48:01 #155

hello_moto1992

quote:
Op woensdag 31 december 2008 14:19 schreef mcDavid het volgende:
javascript validator?

Watvoor programma/debugger gebruik je daar voor dan?

De W3C HTML

. Die kijkt toch ook naar Javascript? Want anders zou-ie wel meer fouten geven.

En als ik

<script type="text/javascript" src="external.js"></script>

Doe dan werkt het niet

woensdag 31 december 2008 @ 14:50:22 #156

Light

quote:
Op woensdag 31 december 2008 14:48 schreef hello_moto1992 het volgende:

[..]

De W3C HTML . Die kijkt toch ook naar Javascript? Want anders zou-ie wel meer fouten geven.

En als ik

<script type="text/javascript" src="external.js"></script>

Doe dan werkt het niet

En met de meldingen die je krijgt, kun je de fouten niet oplossen?

fokstok.nl

woensdag 31 december 2008 @ 14:50:29 #157

hello_moto1992

quote:
Op woensdag 31 december 2008 14:47 schreef Roy_T het volgende:

[..]

Ik durf te wedden dat die errors geen van allen door je JavaScript komen, maar door fouten in je HTML. Wat is de output van de validator precies?

Nou zonder de JS is het anders gewoon valid hoor

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fhokje10.nl%2F

woensdag 31 december 2008 @ 14:53:17 #158

RenRen-

quote:
Op woensdag 31 december 2008 @ 14:48 schreef hello_moto1992 het volgende:

[..]

De W3C HTML . Die kijkt toch ook naar Javascript? Want anders zou-ie wel meer fouten geven.

En als ik

<script type="text/javascript" src="external.js"></script>

Doe dan werkt het niet

ja grapjas hij valideert Javascript als HTML, vind je het gek dat je errors krijgt..

Mocht je het geil vinden om die validator groen te krijgen zet je html-comments in je script, dus <script>  </script>

-edit-
mcD hier.

woensdag 31 december 2008 @ 14:58:39 #159

Roy_T

Wat RenRen zegt. Maar natuurlijk zou die JS gewoon in een extern bestand moeten staan, waarbij <script type="text/javascript" src="external.js"></script> gewoon werkt mits je het juiste pad gebruikt.

woensdag 31 december 2008 @ 15:03:47 #160

Light

quote:
Op woensdag 31 december 2008 14:53 schreef RenRen- het volgende:

[..]

ja grapjas hij valideert Javascript als HTML, vind je het gek dat je errors krijgt..

Mocht je het geil vinden om die validator groen te krijgen zet je html-comments in je script, dus <script>  </script>

-edit-
mcD hier.

Niet eens. Ik heb net gekeken met de W3C validator, en die levert maar 1 fout op. Er staat namelijk twee keer een <body> in de html, 1 keer voor de javascript en 1 keer erna.

fokstok.nl

woensdag 31 december 2008 @ 15:06:28 #161

hello_moto1992

quote:
Op woensdag 31 december 2008 15:03 schreef Light het volgende:

[..]

Niet eens. Ik heb net gekeken met de W3C validator, en die levert maar 1 fout op. Er staat namelijk twee keer een <body> in de html, 1 keer voor de javascript en 1 keer erna.

Ja klopt. Ik heb die onload maar in de body tag aan de bovenkant gezet. Dat werkt ook

. Nu is er nog één body over

Het is nogal vervelend als je scriptjes gaat kopieren van ietwat out-dated websites

donderdag 8 januari 2009 @ 13:20:00 #162

donroyco

dus niet Donroyco

Hoe kan ik een search box de eigenschap meegeven dat bij een hit op enter ook gezocht wordt, het is wel een fake-searchbox, die alleen maar linkt naar een volgende pagina. De code die ik gebruik is dit:

1
2
3
4
5

Kan iemand mij helpen? :)

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

donderdag 8 januari 2009 @ 13:30:00 #164

donroyco

dus niet Donroyco

quote:
Op donderdag 8 januari 2009 13:24 schreef Scorpie het volgende:

[..]

eventkey en eventcode opzoeken op internet

Dank je wel voor het snelle antwoord

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

donderdag 8 januari 2009 @ 13:57:59 #165

HuHu

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

En je input ding wordt dan:

1	<input name="zoeken" onkeydown="submitenter(e);" ...

donderdag 8 januari 2009 @ 14:15:50 #166

donroyco

dus niet Donroyco

quote:
Op donderdag 8 januari 2009 13:57 schreef HuHu het volgende:

[ code verwijderd ]

En je input ding wordt dan:
[ code verwijderd ]

Hij pakt de URL nog niet

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

donderdag 8 januari 2009 @ 14:17:39 #167

HuHu

Welke URL?

donderdag 8 januari 2009 @ 14:18:44 #168

donroyco

dus niet Donroyco

quote:
Op donderdag 8 januari 2009 14:17 schreef HuHu het volgende:
Welke URL?

Hij moet als je op enter drukt naar de pagina 'pieterbecks.html' gaan..

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

donderdag 8 januari 2009 @ 14:20:49 #169

HuHu

quote:
Op donderdag 8 januari 2009 14:18 schreef donroyco het volgende:

[..]

Hij moet als je op enter drukt naar de pagina 'pieterbecks.html' gaan..

1	window.location = 'bieterbecks.html';

Dat bij "doe je ding" neerzetten?

donderdag 8 januari 2009 @ 14:23:40 #170

mcDavid

Als je er nou een form van maakt met een action en een submit button, is je probleem toch opgelost lijkt me?

donderdag 8 januari 2009 @ 14:25:37 #171

donroyco

dus niet Donroyco

quote:
Op donderdag 8 januari 2009 14:20 schreef HuHu het volgende:

[..]
[ code verwijderd ]

Dat bij "doe je ding" neerzetten?

Hij pakt 'm nog niet

http://plaatsmaken.donroycodesign.nl

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

donderdag 8 januari 2009 @ 14:26:20 #172

HuHu

Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:

1
2
3

Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.

donderdag 8 januari 2009 @ 14:30:57 #173

donroyco

dus niet Donroyco

quote:
Op donderdag 8 januari 2009 14:26 schreef HuHu het volgende:
Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:
[ code verwijderd ]

Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.

Thanks

Wist niet dat het zo simpel kon, dank je wel!

en mcDavid ook

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

donderdag 8 januari 2009 @ 15:51:10 #174

mcDavid

Nieuwe sig.

donderdag 8 januari 2009 @ 15:59:44 #175

donroyco

dus niet Donroyco

quote:
Op donderdag 8 januari 2009 15:51 schreef mcDavid het volgende:
Nieuwe sig.

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

maandag 12 januari 2009 @ 08:45:53 #176

Likkende_Lassie

Doe eens wat aan je ondertitel

Ok, ik kom er niet uit

De sitiutatie is als volgt:

- Ik heb meerdere select's op mijn pagina, met precies dezelfde waarde, alleen de naam van select is anders.
- Ik wil, dat zodra er één van de options wordt geselecteerd, in een willekeurige select, dat in elke select (behalve de huidige), de optie verdwijnt. Wordt de optie niet meer geselecteerd, dan moet hij weer overal verschijnen.

Duidelijk?

Dit heb ik al aan code:

1
2
3
4
5
6
7
8
9
10
11

Eigenlijk zou hij alle select's op de pagina in een array moeten gooien, en vervolgens hier zn ding doen.
Maar php is meer mn ding dan javascript

Wie o wie!

maandag 12 januari 2009 @ 15:51:02 #177

SuperRembo

Sinds 1998

Het vervelende is dat je opties in een selectbox niet kan verbergen. Daar zal je zelf iets voor moeten bouwen. Het mooiste is om dat herbruikbaar (OOP) te maken, maar dat is niet voor dummies

In plaats van een optie verbergen moet je een optie dus verwijderen als je 'm niet meer wil laten zien. Om de optie dan later weer te kunnen laten zien heb je een lijst nodig van alle opties, of een lijst met de opties die je verborgen/verwijderd hebt.

woensdag 14 januari 2009 @ 17:17:19 #178

Apfel.

Apfel PUNT

Ik heb een array in javascript. De output hiervan wil ik in een div laten uitkomen. Echter plaatst hij de gehele array achter elkaar erin.

Hij plaatst t als volgt:
boek1boek2boek3 etc

Terwijl ik wil dat het zo komt te staan:

boek1
boek2
boek3
etc

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

<html>
<head>

<title>Javascript</title>

<link rel="stylesheet" href="style.css" type="text/css">

<script type="text/javascript">
              // setup the main array
              var setArray = Array("Boek1", "Boek2", "Boek3", "Boek4", "Boek5","Boek6");

              // insert the array into the DIV smalltest object
              function insertArray()
              {
                     var theText = ""; // set the theText output to an empty string otherwise it would start with null.
                     for (var i=0; i < setArray.length; i++)
                     {
                            // create the array of text to insert
                            theText += setArray[i];
             theText += "\n"; // voor de regel tussen de array records
           }
                     // create the createTextNode
                     var insertText = document.createTextNode(theText);
                     document.getElementById("assortiment").appendChild(insertText);
              }
       </script>

</head>

<body>

   <div class="loginbalk">
      <div class="divcenter">
        <div class="loginkolom">

      <img src="images/stip.gif" border="0" height="5" width="266">
          <span class="blauw">ASSOR</span><span class="zwart">TIMENT</span>
               <img src="images/stip.gif"  border="0" height="5" width="266">

           <div class="tekstzwart" id="assortiment">
           </div>
      </div>
      </div>

<input type="submit" value="Bekijk alle boeken" onClick="javascript:insertArray()" />

</div>
</body></html>

woensdag 14 januari 2009 @ 18:33:41 #179

Light

quote:
Op donderdag 8 januari 2009 14:26 schreef HuHu het volgende:
Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:
[ code verwijderd ]

Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.

Zoiets idd. <input type="image" ... /> is een variant van <input type="submit" ... /> en je hebt dus geen onclick="" nodig.

fokstok.nl

donderdag 15 januari 2009 @ 14:53:58 #180

Roy_T

quote:
Op woensdag 14 januari 2009 17:17 schreef Apfel. het volgende:
Ik heb een array in javascript. De output hiervan wil ik in een div laten uitkomen. Echter plaatst hij de gehele array achter elkaar erin.

Hij plaatst t als volgt:
boek1boek2boek3 etc

Terwijl ik wil dat het zo komt te staan:

boek1
boek2
boek3
etc

Hij zet er wel newlines tussen (\n), maar daar doet je browser niks mee in de weergave. <br /> daarentegen...

donderdag 15 januari 2009 @ 18:27:53 #181

Apfel.

Apfel PUNT

quote:
Op donderdag 15 januari 2009 14:53 schreef Roy_T het volgende:

[..]

Hij zet er wel newlines tussen (\n), maar daar doet je browser niks mee in de weergave. <br /> daarentegen...

<br /> heb ik ook al geprobeerd. Dan geeft ie gewoon boek1 < br/> boek2 < br/> boek3 < br/> weer

donderdag 15 januari 2009 @ 18:40:13 #182

mcDavid

quote:
Op donderdag 15 januari 2009 @ 18:27 schreef Apfel. het volgende:

[..]

<br /> heb ik ook al geprobeerd. Dan geeft ie gewoon boek1 < br/> boek2 < br/> boek3 < br/> weer

Komt denk ik door dat je createTextNode gebruikt ipv createElement. < en > worden geconverteert naar de html entity's.

-edit- dit werkt wel:

1
2
3

var insertText = document.createElement('div');
insertText.innerHTML = theText;
document.getElementById("assortiment").appendChild(insertText);

-edit- of in dit geval korter:

1	document.getElementById('assortiment').innerHTML=theText;

[ Bericht 17% gewijzigd door mcDavid op 15-01-2009 18:49:40 ]

donderdag 15 januari 2009 @ 18:42:15 #183

HuHu

quote:
Op woensdag 14 januari 2009 18:33 schreef Light het volgende:

[..]

Zoiets idd. <input type="image" ... /> is een variant van <input type="submit" ... /> en je hebt dus geen onclick="" nodig.

Ah... ik was even vergeten dat image hetzelfde is als submit.

dinsdag 20 januari 2009 @ 15:50:49 #184

Chandler

Ik ben het even kwijt en daarom vraag ik het hier!

Hoe kan ik middels XMLHTTP settings geschreven in php gebruiken in javascript? dus niet een stuk tekst vervangen met innerHTML maar gegevens uitlezen, mag XML maar liever arrays en variables

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

dinsdag 20 januari 2009 @ 16:11:37 #185

Roy_T

Lekker duidelijk Chandler

Maar als ik je goed begrijp, kun je het beste JSON notatie gebruiken (JavaScript Object Notation). Met json_encode() kun je in PHP 5.2+ eenvoudig een array omzetten naar een JSON.

Ik zou een JS library gebruiken als jQuery om die data op te halen dmv een AJAX-request en te parsen.

[ Bericht 15% gewijzigd door Roy_T op 20-01-2009 16:16:42 ]

dinsdag 20 januari 2009 @ 18:10:59 #186

SuperRembo

Sinds 1998

He bah geen jQuery alsjeblieft.

dinsdag 20 januari 2009 @ 18:51:09 #187

Roy_T

quote:
Op dinsdag 20 januari 2009 18:10 schreef SuperRembo het volgende:
He bah geen jQuery alsjeblieft.

Van de JS libraries vind ik dat persoonlijk de prettigste en cleanste. Welke heeft jouw voorkeur?

Als ik Chandler was zou ik iig een library gebruiken, en niet zelf het wiel opnieuw uitvinden.

dinsdag 20 januari 2009 @ 19:24:27 #188

SuperRembo

Sinds 1998

quote:
Op dinsdag 20 januari 2009 18:51 schreef Roy_T het volgende:

[..]

Van de JS libraries vind ik dat persoonlijk de prettigste en cleanste. Welke heeft jouw voorkeur?

Als ik Chandler was zou ik iig een library gebruiken, en niet zelf het wiel opnieuw uitvinden.

jQuery helpt normale javascript code om zeep en dringt enorm z'n eigen stijl op. Prototypejs heeft dat iets minder, maar daarmee kan je ook geen normale for(.. in ..) loopjes meer maken. Ik heb prototypejs + scriptaculous voor m'n toen/nu site gebruikt, maar voor de volgende versie ben ik wel op zoek naar een nieuwe library. Misschien wordt het YUI.

dinsdag 20 januari 2009 @ 19:56:43 #189

Roy_T

Ah, dat probleem heb ik helemaal niet met jQuery, maar als ik een library gebruik dan zorg ik ook dat ik 'm overal gebruik. Dus ook voor loops.

Maar iig Chandler: gebruik er eentje die je aanstaat

dinsdag 20 januari 2009 @ 20:17:46 #190

Chandler

Ik ben idd lekker duidelijk

maar dat weten de meeste al.

Ik wil gewoon variabelen uitspugen met mijn php scripting en kunnen gebruiken in javascripting.

daarvoor zou JSON idd erg handig zijn, maar moet ik dan gebruik maken van een externe library? wil liever gewoon de array van php naar js porten zonder al te veel extra scripting

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

dinsdag 20 januari 2009 @ 20:35:22 #192

Roy_T

Wat Scorpie zegt. Het levert gewoon een JS object op, dus wanneer jij zelf een cross-browser xmlhttprequest routine wilt scripten om die string binnen te trekken en te parsen, dan moet je dat gewoon doen wanneer je denkt dat dat minder werk is

Ik zou jQuery echter downloaden en 1 regel besteden aan $.getJSON

dinsdag 20 januari 2009 @ 22:53:50 #193

SuperRembo

Sinds 1998

quote:
Op dinsdag 20 januari 2009 19:56 schreef Roy_T het volgende:
Ah, dat probleem heb ik helemaal niet met jQuery, maar als ik een library gebruik dan zorg ik ook dat ik 'm overal gebruik. Dus ook voor loops.

De loopjes met .each() vind juist ik de meest waardeloze feature van jQuery/prototypejs. Zeker met dat gepruts om er toch nog functionaliteit foor break of continue in te bouwen

woensdag 21 januari 2009 @ 00:11:30 #194

Roy_T

quote:
Op dinsdag 20 januari 2009 22:53 schreef SuperRembo het volgende:

De loopjes met .each() vind juist ik de meest waardeloze feature van jQuery/prototypejs. Zeker met dat gepruts om er toch nog functionaliteit foor break of continue in te bouwen

Ik ben het met je eens dat het wel bij je moet passen, en dat het alleen werkt als je je manier van proggen erop aanpast. Whatever floats your boat

woensdag 21 januari 2009 @ 10:24:11 #195

Chandler

Aangezien ik op de server voor het project nog geen PHP 5.2+ heb, moet ik een externe functie hebben zoals deze :P

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

<?php
####
# Function: _jsonEncode
# Purpose: To encode a variable into json format
# Arguments: $encodeMe: the variable to convert into JSON format
#            $encodeAs : the name of the variable to save $var1 as.
#                        REQUIRED if $encodeMe is not an array
# Usage:
#   echo _jsonEncode('test','var1');// outputs: {"var1":test"}
#   echo _jsonEncode(TRUE,'var1');  // outputs: {"var1":1}
#   echo _jsonEncode(123,'var1');   // outputs: {"var1":123}
#   echo _jsonEncode(array('orange'=>1,'blue'=>2,'green'=>3));  // outputs: {"orange":1,"blue":2,"green":3}
#
# Author: Dylan Anderson
# License: GPLv3
####
function _jsonEncode($encodeMe,$encodeAs=FALSE){
    $output = '{';

    if(is_array($encodeMe)){
        foreach($encodeMe as $key=>$value){
            $output .= '"'.$key.'":';

            if(is_array($value)){
                $function = __FUNCTION__;
                $output .= $function($value);
            }

            else if(is_numeric($value))
                $output .= $value;

            else
                $output .= '"'.str_replace('"','\"',$value).'"';

            $output .= ',';
        }
        $output = rtrim($output,',').'}';
    }
    else if(strlen($encodeAs)){
        if(is_numeric($encodeMe))
            $output .= '"'.$encodeAs.'":'.$encodeMe.'}';
        else if(is_bool($encodeMe)){
            $encode_value = ($encodeMe) ? 1 : 0;
            $output .= '"'.$encodeAs.'":'.$encode_value.'}';
        }
        else if(is_string($encodeMe))
            $output .= '"'.$encodeAs.'":'.str_replace('"','\"',$encodeMe).'"}';
    }
    else
        $output = FALSE;

    return($output);
}
?>

maar is er ook los stukje scripting te vinden voor javascript die json kan omzetten naar een array?

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

woensdag 21 januari 2009 @ 11:27:03 #196

SuperRembo

Sinds 1998

--> json.org

woensdag 21 januari 2009 @ 13:11:27 #198

Roy_T

quote:
Op woensdag 21 januari 2009 10:24 schreef Chandler het volgende:

maar is er ook los stukje scripting te vinden voor javascript die json kan omzetten naar een array?

Als je een PHP array goed encode naar JSON, dan is dat al een JS array. {"elements":[1, 2, 3]} bevat gewoon wat in PHP $elements = array(1, 2, 3) zou zijn.

zondag 25 januari 2009 @ 07:57:50 #199

wc-eend

Ik heb een pagina met een javascript dat alleen print wat er aangevinkt is, nu zitten er bij het scriptje al 7 checkboxes, maar ik wil er meer.. De tabel kopieren gaat niet want dan verdwijnt alles.. en ik ben echt een dummy met JS..

Ik heb zelf al toegevoegd dat de checkboxes niet geprint worden, dat gaat ook goed.. Heb ik gedaan met class="DONTPrint" toe te voegen aan de <input type="checkbox"

Dus hoe voeg ik meer checkboxes toe met dezelfde functionaliteit als die er al stonden?

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
89
90
91
92
93
94
95
96
97
98

<HEAD>

<style type="text/css">

</style>

<script type="text/javascript">

</script>
</HEAD>



<BODY>

<form>
  <p> </p>
  <p>Test kop</p>
  <p> </p>
  <p> </p>
  <p> </p>
  <table width="103" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="24" align="center"> </td>
      <td width="79" align="center"><strong>Name</strong></td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc'); class="DONTPrint""></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>niet</td>
    </tr>
    <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'>
      <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td>
      <td>print</td>
    </tr>
  </table>
  <p> </p>
  <p> </p>
</form>

<p>test eind</p>

[ Bericht 44% gewijzigd door wc-eend op 25-01-2009 09:23:49 ]

zondag 25 januari 2009 @ 08:09:27 #200

Light

Kun je die code niet beter tussen [ code] en [ /code] zetten? Wordt'ie veel beter leesbaar van.

fokstok.nl

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

woensdag 4 februari 2009 @ 23:27:55 #226

ds-polleke

zoals ik al post is " het werkt niet" dat in ff onder ubuntu 8.04 het laatste item niet laat zien.. En volgens mij is de testcase redelijk eenvoudig ivm de herhaling (alleen de oplopende nummering en de filenames zijn anders

woensdag 4 februari 2009 @ 23:34:00 #227

ds-polleke

quote:
Op woensdag 4 februari 2009 23:12 schreef SuperRembo het volgende:
Heb je niet een eenvoudigere testcase? En wat is werkt er dan niet? Staat 't misschien ergens online zodat 't makkelijker te testen is?

het probleem is dat ik het als screendump heb gekregen en later zelf heb ondervonden onder suse doet 'ie het wel

woensdag 4 februari 2009 @ 23:40:19 #228

Light

quote:
Op woensdag 4 februari 2009 23:34 schreef ds-polleke het volgende:

[..]

het probleem is dat ik het als screendump heb gekregen en later zelf heb ondervonden onder suse doet 'ie het wel

Als je het als screendump hebt gekregen, staat die site vast ook ergens online. Da's makkelijker meekijken.

fokstok.nl

woensdag 4 februari 2009 @ 23:48:44 #229

ds-polleke

www.tohoewabohoe.nl

woensdag 4 februari 2009 @ 23:57:10 #230

SuperRembo

Sinds 1998

Het probleem zit 'm in de mix van vreselijk ouderwetse code en zogenaamd moderne xhtml. Het verbaasd me eigenlijk dat die regels als 'image1.src = "images/homeo.png" alt="home";' niet meer javascriptfouten opleveren.

_{Ouderwetse code past dan wel weer goed bij de inhoud van de site.}

donderdag 5 februari 2009 @ 00:03:05 #231

Light

Ik heb hetzelfde probleem hier (Firefox 3, Gentoo Linux). Als ik de css aanpas zodat #menu drie pixels breder wordt, dan past het wel. Maar de opbouw van het menu (en de site) is niet echt handig, ik kan bijvoorbeeld niet vinden hoe de afstand tussen de menuplaatjes wordt bepaald (en of het dus altijd op 3 pixels hangt of ook wel eens op 4 of 5 of 10).

fokstok.nl

donderdag 5 februari 2009 @ 00:10:32 #232

ds-polleke

dat stukje hopeloos ouderwetse code is geschreven door mijn vormgever..

Ik ga eens stechelen met mijn vormgevert of dit niet anders kan..

nu nog checken of het met 10 pixels meer in #menu op de meeste systemen genoeg is..

donderdag 5 februari 2009 @ 00:14:27 #233

ds-polleke

oh ja.. thx for the help

donderdag 5 februari 2009 @ 00:25:53 #234

Light

quote:
Op donderdag 5 februari 2009 00:10 schreef ds-polleke het volgende:
dat stukje hopeloos ouderwetse code is geschreven door mijn vormgever..

Dan moet die zich eens laten bijscholen

quote:
Ik ga eens stechelen met mijn vormgevert of dit niet anders kan..

Genoeg mogelijkheden. Het menu kun je als een unordered list maken, dan kun je ook precies aangeven wat de afstand tussen de elementen moet zijn. En met achtergrondplaatjes bij de linkjes heb je geen javascript nodig.

Oh, de negatieve margins zijn ook al niet handig/nodig. Met een goede opzet heb je die niet/nauwelijks nodig.

quote:
nu nog checken of het met 10 pixels meer in #menu op de meeste systemen genoeg is..

Ik denk het wel, maar een andere opzet van #menu is beter.

1
2
3
4
5

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

#menu {
  width: 720px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  width: 100px;
  margin: 0;
  padding: 0;
}
#menu li a {
  text-indent: -999em;
  display: block;
}
#menu #home {
  background: url(images/home.jpg);
}
#menu #home:hover {
  background: url(images/home_over.jpg);
}

Dat lijkt me wel genoeg als voorbeeld

fokstok.nl

donderdag 5 februari 2009 @ 00:32:40 #235

ds-polleke

toch wel leuk dat ik in mijn "oude" setup ik een <ul> gebruikte

Ik ga hier eens (offline) mee spelen

nogmaals bedankt en welterusten

donderdag 5 februari 2009 @ 07:18:12 #236

Light

Oh, er ontbreken nog wel dingen in die css. Maar daar mag je zelf mee gaan stoeien.

fokstok.nl

donderdag 5 februari 2009 @ 11:26:38 #237

Roy_T

quote:
Op zondag 1 februari 2009 13:56 schreef veldmuis het volgende:
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.

Het zit standaard in jQuery UI, en als je Prototype gebruikt kun je Scriptaculous gebruiken. Eigenlijk iedere library heeft wel drag & drop functionaliteit.

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

Amen. Als het al lukt als beginner.

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 11:53:02 #238

Swetsenegger

Egocentrische Narcist

Korte vraag,

kan ik een functie aanroepen met een array.

dus:

1	onload="parseXML('vendor_name','device_name','product_code','wan_uptime')"

Want mijn functie geeft terug dat i undefined is:

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

.innerHTML=xmlDoc.getElementsByTagName

[0].childNodes[0].nodeValue;
}
}

 | FOK! Schrikkelbaasch

woensdag 11 februari 2009 @ 12:04:11 #239

veldmuis

Korte suggestie: gebruik de XMLHttpRequest. Ik heb dat stukje script wat jij daar hebt ook gebruikt, en Chrome en ik mee Safari snappen dat niet.

woensdag 11 februari 2009 @ 12:07:12 #240

HuHu

Werkt dit niet:

1	parseXML(new Array('vendor_name','device_name','product_code','wan_uptime'))

woensdag 11 februari 2009 @ 12:09:18 #241

Roy_T

quote:
Op woensdag 11 februari 2009 11:53 schreef Swetsenegger het volgende:

kan ik een functie aanroepen met een array.

Moet je er wel een array in stoppen, dus:

1	onload="parseXML(['vendor_name','device_name','product_code','wan_uptime'])"

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 12:39:47 #242

Swetsenegger

Egocentrische Narcist

Ik heb het opgelost met split

En ik gebruik het nu in Safari (op windows) Veldmuis. Zal zo even met chrome testen.

De volgende stap wordt schrijven naar xml vanuit clientside. Daar zal ik denk ik sowieso met ajax calls moeten gaan werken denk ik.

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 12:47:53 #243

Swetsenegger

Egocentrische Narcist

Chrome heeft inderdaad geen xml parser, wat een gezeik.
-edit- Safari inderdaad ook niet, bleek in firefox aan het testen te zijn

Nou ja.... xmlhttprequest dan maar.

 | FOK! Schrikkelbaasch

woensdag 11 februari 2009 @ 12:49:25 #244

veldmuis

Dit is een prima vervanging:

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

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 12:52:38 #245

Swetsenegger

Egocentrische Narcist

xmlPath is de file neem ik aan?

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 12:57:39 #246

Swetsenegger

Egocentrische Narcist

werkt, thanks.
Nu schrijven

 | FOK! Schrikkelbaasch

woensdag 11 februari 2009 @ 13:03:04 #247

Likkende_Lassie

Doe eens wat aan je ondertitel

Ik heb icm met AJAX een aantal kolomen zoals in dit voorbeeld:

De gebruiker kan al op een interactive manier de kolomen verplaatsen etc, maar nu zou het mooi zijn
als het ook mogelijk is om de kolom breedte aan te kunnen passen, door te slepen.

Heb het vaker gezien, dus het zou mogelijk moeten zijn. Iemand een idee hoe te doen??

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 13:12:20 #248

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 11 februari 2009 13:03 schreef Likkende_Lassie het volgende:
Ik heb icm met AJAX een aantal kolomen zoals in dit voorbeeld:

[ afbeelding ]

De gebruiker kan al op een interactive manier de kolomen verplaatsen etc, maar nu zou het mooi zijn
als het ook mogelijk is om de kolom breedte aan te kunnen passen, door te slepen.

Heb het vaker gezien, dus het zou mogelijk moeten zijn. Iemand een idee hoe te doen??

kijk eens naar een framework zoals mootools bijvoorbeeld: http://demos111.mootools.net/Resizable

 | FOK! Schrikkelbaasch

woensdag 11 februari 2009 @ 13:19:23 #249

Roy_T

Of Prototype/Scriptaculous, of jQuery, of ...

Whatever floats your boat

woensdag 11 februari 2009 @ 13:56:15 #250

Likkende_Lassie

Doe eens wat aan je ondertitel

Ik moet de waarde vervolgens wel weer in PHP zien te krijgen

woensdag 11 februari 2009 @ 14:16:36 #251

Likkende_Lassie

Doe eens wat aan je ondertitel

Ik heb dit nu als javascriptcode:

1
2
3
4
5
6
7
8
9
10

      window.addEvent('domready', function(){

         /* Resizable with Horizontal Limit */
         $('resizable5').makeResizable({
            modifiers: {x: 'width', y: false},
            limit: {x: [50, 800]}

         }
         );
      });

Opzich best simpel, maar hoe haal ik nu de waardes er uit zodra er iets wordt veranderd?

woensdag 11 februari 2009 @ 14:27:23 #252

Roy_T

Je kunt vast ergens een callback toevoegen die wordt uitgevoerd als iemand klaar is met resizen, waarbinnen je de beschikking hebt over de nieuwe maten. Daarin kun je dan een AJAX POST doen naar je PHP-script

woensdag 11 februari 2009 @ 14:30:32 #253

Likkende_Lassie

Doe eens wat aan je ondertitel

quote:
Op woensdag 11 februari 2009 14:27 schreef Roy_T het volgende:
Je kunt vast ergens een callback toevoegen die wordt uitgevoerd als iemand klaar is met resizen, waarbinnen je de beschikking hebt over de nieuwe maten. Daarin kun je dan een AJAX POST doen naar je PHP-script

Dat is inderdaad de bedoeling

maar waar in die functie?

woensdag 11 februari 2009 @ 14:35:40 #254

Likkende_Lassie

Doe eens wat aan je ondertitel

Denk dat ik iets met document.getElementById('resizable5') moet doen, ff proberen

woensdag 11 februari 2009 @ 14:42:41 #255

Likkende_Lassie

Doe eens wat aan je ondertitel

Gelukt! :

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

:D

woensdag 11 februari 2009 @ 15:00:11 #256

Roy_T

quote:
Op woensdag 11 februari 2009 14:30 schreef Likkende_Lassie het volgende:

Dat is inderdaad de bedoeling maar waar in die functie?

Dat zal vast in de docs staan van de gebruikte JS library. Dat is voor ons natuurlijk koffiedik kijken

woensdag 11 februari 2009 @ 15:02:21 #257

Roy_T

En waar wordt saveWidth() aangeroepen dan?

Ik zou echt even in de API docs kijken naar een callback die je direct in makeResizable() op kunt nemen, imo een stuk netter.

woensdag 11 februari 2009 @ 15:30:10 #258

Likkende_Lassie

Doe eens wat aan je ondertitel

quote:
Op woensdag 11 februari 2009 15:02 schreef Roy_T het volgende:
En waar wordt saveWidth() aangeroepen dan?

Ik zou echt even in de API docs kijken naar een callback die je direct in makeResizable() op kunt nemen, imo een stuk netter.

Door een "onmouseup"

Probleem hiervan is wel, dat als je de muis buiten de div loslaat, wordt er niets opgeslagen...

woensdag 11 februari 2009 @ 15:36:37 #260

Roy_T

quote:
Op woensdag 11 februari 2009 15:30 schreef Likkende_Lassie het volgende:

[..]

Door een "onmouseup"

Probleem hiervan is wel, dat als je de muis buiten de div loslaat, wordt er niets opgeslagen...

Ik heb maar even voor je gekeken, want dat is inderdaad geen oplossing

In de docs staat écht heel duidelijk:

1
2
3
4
5

var myResize = $('myElement').makeResizable({
    onComplete: function(){
        alert('Done resizing.');
    }
;

Heb je überhaupt die documentatie gelezen?

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 15:40:01 #261

Swetsenegger

Egocentrische Narcist

Weet iemand of ik met javascript, via SOAP een node kan aanpassen in een XML file op de server?

-edit- laat ik het anders zeggen. Weet iemand of het mogelijk is om op een embedded linux device vanuit de GUI middels clientside scripting informatie in een xml file te schrijven aan de 'server' kant. Waarbij ze dus beide op hetzelfde lokale filesystem draaien.

[ Bericht 59% gewijzigd door Swetsenegger op 11-02-2009 16:26:25 ]

 | FOK! Schrikkelbaasch

donderdag 12 februari 2009 @ 16:18:10 #262

Superheld

BREDA

Ik zoek een prijsberekenings script / uitleg hoe te maken maar vind weinigs, zoek zoiets als deze

Iemand een zoekterm, site of script hiervoor?

Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"

donderdag 12 februari 2009 @ 16:24:12 #263

Roy_T

quote:
Op woensdag 11 februari 2009 15:40 schreef Swetsenegger het volgende:
Weet iemand of ik met javascript, via SOAP een node kan aanpassen in een XML file op de server?

-edit- laat ik het anders zeggen. Weet iemand of het mogelijk is om op een embedded linux device vanuit de GUI middels clientside scripting informatie in een xml file te schrijven aan de 'server' kant. Waarbij ze dus beide op hetzelfde lokale filesystem draaien.

Ook na je edit snap ik niet echt wat je wilt doen

Je wilt JS draaien op je linux ding, en die iets laten schrijven op het filesystem (als de server datzelfde ding is)

donderdag 12 februari 2009 @ 16:25:55 #264

Roy_T

quote:
Op donderdag 12 februari 2009 16:18 schreef Superheld het volgende:
Ik zoek een prijsberekenings script / uitleg hoe te maken maar vind weinigs, zoek zoiets als deze

Iemand een zoekterm, site of script hiervoor?

Nee, want daar is het te simpel voor

Het komt neer op de waarde van select 1 en select 2 bij elkaar optellen, en het resultaat daarvan te tonen in een div (of input, of whatever). Dat moet te doen zijn denk ik, voor een beginner

vrijdag 27 februari 2009 @ 21:18:47 #265

The_Terminator

Ik weet niet zeker of het goed in dit topic past, maar gezien het met javascript icm div's temaken heeft toch maar een poging.

Ik ben een dynamische pagina aan het maken waarbij het mogelijk is een aantal div's te sluiten. Ook moeten divs die niet zichtbaar zijn gesloten worden, en dit lijkt nogal een probleem te zijn in IE, in FF gaat alles wel naar wens.

Ik sluit de divs doormiddel van een loopje in Javascript, deze loop maakt alle divs met een bepaalde id onzichtbaar door de display eigenschap op 'none' te zetten. De zichtbare divs vormen geen probleem, echter werk ik met meerdere pagina's die allemaal voorgeladen zijn, zodat het switchen tussen de pagina's lekker snel gaat.

Als ik nu naar een pagina ga waarbij de div's gesloten zijn toen de pagina nog niet zichtbaar was, dan is de inhoud (een paar tabellen) van de divs binnen die pagina nog zichtbaar. Niet de hele tabel is zichtbaar, alleen de achtergrondkleur van de cellen.

Als ik vervolgens deze divs weer volledig zichtbaar maak dan loopt de achtergrondkleur van de cellen door de andere inhoud heen, en dat is erg vervelend en ziet er niet uit.

Blijkbaar vind IE het niet zo leuk dat een eigenschap van een niet zichtbare div aangepast wordt, en laat een gedeelte van de inhoud staan. Ik heb het volgende geprobeerd:

-Alle divs een eigen achtergrondkleur geven, dit was namelijk eerst niet voor alle divs gedefinieerd
-Voordat de loop begint de onzichtbare divs zichtbaar maken, vervolgens de eigenschap aanpassen en dan weer onzichtbaar maken
-Alle inhoud van de te sluiten divs ook verbergen dmv jQuery

Bovenstaande heeft niet mogen baten, ik ik heb werkelijk geen idee hoe dit op te lossen is. Zoals aangegeven gebeurd dit alleen in IE, niet in Fx.

Iemand een idee om deze vervelende bug te omzeilen?

zaterdag 28 februari 2009 @ 10:06:31 #266

SuperRembo

Sinds 1998

Wat voorbeeldcode of een simpele testcase zou handig zijn.

zaterdag 28 februari 2009 @ 15:12:16 #267

The_Terminator

quote:
Op zaterdag 28 februari 2009 10:06 schreef SuperRembo het volgende:
Wat voorbeeldcode of een simpele testcase zou handig zijn.

Een testcase kan ik wel ff maken, alleen ben ik bang dat dat pas morgen wordt... De code zelf kan ik hier helaas niet posten.

zondag 1 maart 2009 @ 21:55:54 #268

Flaccid

1	onmouseover="document.getElementById('previewbox').style.background-color = '#000000';"

Waarom werkt dit niet? Als ik bijvoorbeeld de tekstkleur wil aanpassen, werkt dat wel...

zondag 1 maart 2009 @ 22:08:09 #269

Roy_T

Dit had je in 1 seconde kunnen opzoeken, maar vooruit: je moet in JS geen dashes maar camelCasing gebruiken: backgroundColor dus.

zondag 1 maart 2009 @ 23:10:04 #270

Flaccid

quote:
Op zondag 1 maart 2009 22:08 schreef Roy_T het volgende:
Dit had je in 1 seconde kunnen opzoeken, maar vooruit: je moet in JS geen dashes maar camelCasing gebruiken: backgroundColor dus.

En hetzelfde geld dus ook voor backgroundImage?

zondag 1 maart 2009 @ 23:12:43 #271

Roy_T

quote:
Op zondag 1 maart 2009 23:10 schreef Flaccid het volgende:

[..]

En hetzelfde geld dus ook voor backgroundImage?

Voor alles met een -.

maandag 2 maart 2009 @ 16:08:55 #272

The_Terminator

De testcase: http://www.thuisserver.net/temp/test.php

Broncode: http://www.thuisserver.net/temp/bron.txt (rechtsklik->opslaan als)

Het is heel simpel om het probleem zichtbaar te maken. Als je de pagina opent dan ben je op pagina1, ga nu vervolgens naar pagina 2, klik dan op 'alles inklappen' en ga terug naar pagina 1, de layout is dan verneukt. Als je daarna alles inklapt en weer uitklapt dan is het weer goed.

Dit probleem treed niet op in Fx, alleen bij IE gaat het mis.

[ Bericht 8% gewijzigd door The_Terminator op 02-03-2009 16:34:32 ]

maandag 2 maart 2009 @ 19:38:50 #273

SuperRembo

Sinds 1998

Het heeft in iedere geval te maken met prosition:relative. Als je die weg laat werkt het ook in IE.

Een id moet trouwens altijd beginnen met een letter. Helemaal numerieke id's kunnen op allerlei manieren problemen geven.

maandag 2 maart 2009 @ 20:48:21 #274

The_Terminator

quote:
Op maandag 2 maart 2009 19:38 schreef SuperRembo het volgende:
Het heeft in iedere geval te maken met prosition:relative. Als je die weg laat werkt het ook in IE.

Een id moet trouwens altijd beginnen met een letter. Helemaal numerieke id's kunnen op allerlei manieren problemen geven.

Thanks, probleem verholpen. Overigens was dat met die numerieke id's alleen even voor de test, in mijn werkelijke applicatie staat er iets voor, net als bij de pagina divs.

dinsdag 3 maart 2009 @ 20:19:38 #275

Flaccid

Ik heb een div die ik laat zien door middel van een div die standaard op display:none staat en door een simpele onclick display:inline maakt. Dit is wat ik nu heb. www.jeroencoelen.nl. Nog tips? Ik wil mss een fade in doen bij mn portfolio en contact dingetje. Doen of niet doen?

dinsdag 3 maart 2009 @ 21:33:15 #276

SuperRembo

Sinds 1998

Ik zou eerst een mooiere oplossing voor "Close [X]" verzinnen. Het zou ook mooi zijn als alles ook zonder javascript te bekijken zou zijn.

woensdag 4 maart 2009 @ 11:53:06 #277

Flaccid

quote:
Op dinsdag 3 maart 2009 21:33 schreef SuperRembo het volgende:
Ik zou eerst een mooiere oplossing voor "Close [X]" verzinnen. Het zou ook mooi zijn als alles ook zonder javascript te bekijken zou zijn.

Dat laatste is al besproken, ik laat het zo.

Ja ik weet niet wat ik daar kan neerzetten, eerst had ik een plaatje, maar dat was heel lelijk.

Anders nog iets:

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

function scroll(){
var scrolling = document.getElementById('iframe').scrolling
   switch (scrolling)
   {
      case 'no':
         document.getElementById('iframe').scrolling = 'yes';
         break;
      case "yes":
         document.getElementById('iframe').scrolling = 'no';
         break;
   }
}

Doet het niet in IE7. Wel in FF

woensdag 4 maart 2009 @ 12:07:04 #278

Roy_T

Los van je probleem: 3 keer document.getElementById('iframe' zorgt voor onnodige overhead.

Beter zoek je 'm 1 keer op in de DOM en zet de referentie in een variabele, die je vervolgens gebruikt.

woensdag 4 maart 2009 @ 12:36:48 #279

Flaccid

quote:
Op woensdag 4 maart 2009 12:07 schreef Roy_T het volgende:
Los van je probleem: 3 keer document.getElementById('iframe' zorgt voor onnodige overhead.

Beter zoek je 'm 1 keer op in de DOM en zet de referentie in een variabele, die je vervolgens gebruikt.

Zo goed kan ik niet javascripten.

woensdag 4 maart 2009 @ 12:38:57 #280

mschol

quote:
Op woensdag 4 maart 2009 12:36 schreef Flaccid het volgende:

[..]

Zo goed kan ik niet javascripten.

volgens mij bedoelt hij zoiets:

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

function scroll(){
var frame = document.getElementById('iframe')
   switch (frame.scrolling)
   {
      case 'no':
         frame.scrolling = 'yes';
         break;
      case "yes":
         frame.scrolling = 'no';
         break;
   }
}

woensdag 4 maart 2009 @ 12:44:44 #281

Roy_T

Dat bedoelde ik ja

woensdag 4 maart 2009 @ 13:09:26 #282

Flaccid

quote:
Op woensdag 4 maart 2009 12:38 schreef mschol het volgende:

[..]

volgens mij bedoelt hij zoiets:
[ code verwijderd ]

Ik wist niet eens dat dat zo kon!

Maar nogsteeds doet hij het niet in IE

woensdag 4 maart 2009 @ 23:07:25 #283

SuperRembo

Sinds 1998

Op zich is je script goed (hoewel het wat efficienter kan), het probleem is dat de waarde van de scrolling property wel veranderd, maar dat het veel browsers (IE, Chrome) gewoon geen effect heeft.

1
2
3
4
5

function toggleScrolling(id)
{
var el = document.getElementById(id);
el.scrolling = (el.scrolling == 'yes' ? 'no' : 'yes');
}

Je kan proberen of je het met css wel voor elkaar krijgt. Bijvoorbeeld met overflow.

donderdag 5 maart 2009 @ 09:26:29 #284

Chandler

Weet iemand waar ik het volgende kan vinden.

Voor een eigen project ben ik opzoek naar een scriptje voor Google maps waarbij je de volgende dingen kunt doen.
1. het zoeken naar een adres (via tekst veld & button) die dan verschijnt op de map
2. Wanneer men klikt wordt een pointer geplaatst, wanneer deze niet goed is moet deze verplaatst kunnen worden.
3. Een button om de positie op te slaan (versturen via een form).

Weet iemand waar ik dit kan vinden? heb zelf net een uur in de code van google gespit maar kan er niet echt uitkomen

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

donderdag 5 maart 2009 @ 09:54:01 #285

SuperRembo

Sinds 1998

Google heeft zelf veel documentatie en voorbeelden: http://code.google.com/apis/maps/documentation/
Het opslaan van de positie kan je vie een form post doen of anders met een ajax call.

donderdag 5 maart 2009 @ 10:01:57 #286

Roy_T

Dat is echt geen rocket science om te bouwen Chandler. Zet je "ik zoek een scriptje"-pet eens af, en je "ik wil een scriptje schrijven" pet eens op

Dit kun je echt in een uur bouwen als Google Maps noob.

donderdag 5 maart 2009 @ 11:24:07 #287

Chandler

Nou Roy_T ik vind het anders wel pittig, kan er verdomde weinig aan doen. Ik heb sinds de post van Sr de code van google doorgespit maar snap er gewoon weinig van..

Ook de voorbeelden van google zelf wordt ik niet echt wijzer van, maar goed we gaan gewoon door

Maar gelukkig kan je ook knippen en plakken.

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

GEvent.addListener(map, 'click',

function(overlay, point)
{
    if (point)
    {
        // display points
        alert(point.y + " - " + point.x);

        if (marker)
        {
            map.removeOverlay(marker);
        }

        var center = new GLatLng(point.y, point.x);
        var marker = new GMarker(center, {draggable: true});

        GEvent.addListener(marker, "dragstart", function()
        {
            map.closeInfoWindow();
        ;

        GEvent.addListener(marker, "dragend", function()
        {
            marker.openInfoWindowHtml("Just bouncing along...");
        ;

        map.addOverlay(marker);
    }
;

alleen wil ik maar 1 marker per map hebben, als er op een andere plek geklikt wordt moet de huidige marker verdwijnen, dit probeerde ik zo te doen maar op een of andere manier is de marker dan niet meer 'herkenbaar' in de code, hoe kan ik dit oplossen?

[ Bericht 80% gewijzigd door Chandler op 05-03-2009 11:46:23 ]

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

donderdag 5 maart 2009 @ 12:18:03 #288

SuperRembo

Sinds 1998

Nu declareer je de marker binnen de event handler (var marker). Buiten de event handler, en dus ook de volgende keer dat je in die handler komt, is marker niet bekend. Asl je "var marker" verplaatst naar voor "GEevent..." dan zou het wel moeten werken. (AHngt een beetje af van wat je er verder nog voor code omheen hebt staan)

donderdag 5 maart 2009 @ 12:36:40 #289

Chandler

Ik heb het even geprobeerd maar ookal maak ik die marker eerder aan dan nog kan ik deze niet verwijderen

verder heb ik er nog geen code instaan

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

donderdag 5 maart 2009 @ 14:28:19 #290

SuperRembo

Sinds 1998

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

Maar misschien is het beter/handiger om de bestaande marker steeds te hergebruiken.

donderdag 5 maart 2009 @ 14:54:16 #291

Chandler

Yep dat werkt naar behoren! nu ga ik zelf nog de functionaliteit toevoegen om bepaalde adressen te zoeken!

Ps weet je ook of het mogelijk is via coordinaten achter de naam van de lokatie te komen?

Bv Groningen, Amsterdam, Brabant->Boxtel oid.

[ Bericht 43% gewijzigd door Chandler op 05-03-2009 15:07:47 ]

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

donderdag 5 maart 2009 @ 15:13:39 #292

Roy_T

Lees de docs

(antwoord: ja, je kunt via de Google API een adres bij een coördinaat zoeken)

donderdag 5 maart 2009 @ 15:35:17 #293

poepeneesje

bR33Z4h

Ik moet de hoogte en breedte van plaatjes uit een array hebben. Met onderstaande code geeft hij in FF en Opera wel een hoogte terug. Maar in IE en Chrome geeft hij 0 terug.

1
2
3

var image = new Image;
image.src = "image/" + galleryArray[currentImage];
var imgHeight = image.height;

Wie weet hoe ik het voor IE en Chrome netjes kan oplossen?

Aan dit bericht kunnen geen rechten worden ontleend.

donderdag 5 maart 2009 @ 16:14:32 #294

Chandler

width.value ? misschien werkt het

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

donderdag 5 maart 2009 @ 16:15:01 #295

Chandler

quote:
Op donderdag 5 maart 2009 15:13 schreef Roy_T het volgende:
Lees de docs (antwoord: ja, je kunt via de Google API een adres bij een coördinaat zoeken)

Gedaan maar mijn zoekkunsten zijn echt n00b achtig... misschien een aanwijzing in de goede richting?

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

donderdag 5 maart 2009 @ 16:19:06 #296

Roy_T

Dit kostte me werkelijk niet meer dan 30 seconden

http://code.google.com/ap(...)tml#ReverseGeocoding

Op Google zoeken naar de locatie van de API, dan naar Services (want die wil je gebruiken) en dan "Reverse Geocoding"

donderdag 5 maart 2009 @ 16:30:38 #297

SuperRembo

Sinds 1998

quote:
Op donderdag 5 maart 2009 15:35 schreef poepeneesje het volgende:
Ik moet de hoogte en breedte van plaatjes uit een array hebben. Met onderstaande code geeft hij in FF en Opera wel een hoogte terug. Maar in IE en Chrome geeft hij 0 terug.
[ code verwijderd ]

Wie weet hoe ik het voor IE en Chrome netjes kan oplossen?

Waarschijnlijk is het plaatje dan nog niet geladen.

donderdag 5 maart 2009 @ 17:11:50 #298

poepeneesje

bR33Z4h

quote:
Op donderdag 5 maart 2009 16:14 schreef Chandler het volgende:
width.value ? misschien werkt het

Helaas

.

quote:
Op donderdag 5 maart 2009 16:30 schreef SuperRembo het volgende:

[..]

Waarschijnlijk is het plaatje dan nog niet geladen.

Klopt daar dacht ik ook zelf aan, ik was in de tussentijd al weer verder gegaan. Opeens deed hij het in IE wel

? Maar in Chrome gaat hij nu helemaal vaag doen.

Het enige dat ik aan de code heb toegevoegd is:

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

var image = new Image;
image.src = "image/" + galleryArray[currentImage];
var imgHeight = image.height;
var imgWidth = image.width;
if(imgHeight > imgWidth)
{
var imgStyleValue = "height: " + (imageDivHeight - 6);
}
else if (imgWidth > imgHeight)
{
var imgStyleValue = "width: " + (imageDivWidth - 6);
}

Aan dit bericht kunnen geen rechten worden ontleend.

vrijdag 6 maart 2009 @ 16:59:09 #299

BugWorks

Ik ben bezig met het maken van een script waarmee ik de layout-kleur (kleurschema en bijbehorende afbeeldingen) kan veranderen door op een bepaalde kleur/afbeelding te klikken.

De afbeeldingen die ik gebruik, soort van "bullets", veranderen niet allemaal mee. Namelijk alleen de eerste veranderd van kleur. Zou iemand die meer kijk/verstand van javascript heeft hier even naar willen kijken en eventueel een oplossing aandragen?

Script wat de kleur moet veranderen.

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

function changeColor(c)
{
   var colors = new Array();
   colors[0] = "black";   // "img/bullet_black.png";
   colors[1] = "blue";      // "img/bullet_blue.png";
   colors[2] = "green";   // "img/bullet_green.png";
   colors[3] = "orange";   // "img/bullet_orange.png";
   colors[4] = "pink";      // "img/bullet_pink.png";
   colors[5] = "purple";   // "img/bullet_purple.png";
   colors[6] = "red";      // "img/bullet_red.png";
   colors[7] = "white";   // "img/bullet_white.png";
   colors[8] = "yellow";   // "img/bullet_yellow.png";

   document.getElementById("bullet").src = "img/bullet_"+colors[c]+".png";
}

Test pagina

Alvast bedankt.

vrijdag 6 maart 2009 @ 18:48:25 #300

Roy_T

Haal je HTML door de validator, en je zult zien waarom het niet werkt (hint: een id moet uniek zijn).

Ik zou de HTML goed opzetten (dus met een unordered list), en de kleur switchen d.m.v. het aanpassen van de class van de UL (en zo voor alle kind LI's de bullet aanpassen).

zaterdag 7 maart 2009 @ 12:29:14 #301

poepeneesje

bR33Z4h

Vraagje, ik wil graag in de onderstaande code myDiv verwijderen i.p.v. removable. Hoe realiseer ik dat?

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

<html>
<head>

<script type="text/javascript">
function removeEvent(divNum){
        var d = document.getElementById('myDiv');
        var olddiv = document.getElementById(divNum);
        d.removeChild(olddiv);
        return false;
}
</script>

</head>
<body>
<div id="myDiv">
        <div id="removable">
        <a href="#" onclick="removeEvent('removable');">REMOVE ME</a>
        </div>
</div>
</body>
</html>

Aan dit bericht kunnen geen rechten worden ontleend.

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

» digital corner

» development

» digital corner

» development