quote:Op maandag 13 oktober 2008 18:48 schreef Flaccid het volgende:
Moet ie niet dicht en een nieuwe?
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 | function createMarker(point,html) { var marker = new GMarker(point); GEvent.addListener(marker,"click", function() { map.openInfoWindowHtml(point,html); }); return marker; } //<![CDATA[ var map = new GMap2(document.getElementById("map")); document.getElementById('map').style.backgroundColor = 'white'; var mapType = new GmapUploaderMapType(map, "http://mt.gmapuploader.com/tiles/fjn2OwJjRh", "jpg", 6); map.setCenter(new GLatLng(0,0), 5, mapType); map.addControl(new GLargeMapControl()); map.enableContinuousZoom(); GDownloadUrl("data.xml", function(data, responseCode) { var xml = GXml.parse(data); var markers = xml.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); var marker = createMarker(point,markers[i].getAttribute("content")); map.addOverlay(marker); } } ); //]]> </script> |
1 2 3 4 5 | <markers> <marker lat="4.19677734375" lng="1.1865234375" content="test"/> <marker lat="-1.40625" lng="-8.96484375" content="plas"/> </markers> |
dankje O+quote:
1 2 3 4 5 | if(1<2){ document.write("tvp"); } </script> |
tvp?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 ]
Maar dan zonder ?.quote:
1 is ALTIJD kleiner dan 2. Dus ja, er komt "tvp" uit.quote:
Ook in IE6?quote:Op maandag 13 oktober 2008 20:28 schreef Jo0Lz het volgende:
[..]
1 is ALTIJD kleiner dan 2. Dus ja, er komt "tvp" uit.
Nou ik krijg de value echt als (-3.515625, -24.2578125). Dus niet als a en b in een textbox. Dus,quote:Op maandag 13 oktober 2008 22:02 schreef mcDavid het volgende:
document.getElementById("field1").value=a;
search and replace op "onclick" naar "onmouseover"?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
het heeft niet zoveel met javascript te maken, meer met algemeen html, maargoed: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?
Thanksquote: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?
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 | <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> <!-- Invoegen van het script gebeurt door toevoegen van onClick: --> <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> <!-- Het formuliergedeelte dat je wil tonen/verbergen plaats je tussen <span>-tags: --> <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"> <!-- en hier wil ik graag de tekst van t1 hebben --> </span> </body></html> |
1 2 3 4 | if (_h == s) { document.getElementById(_w).disabled=true; } else { document.getElementById(_w).disabled=false; } } |
1 2 3 4 5 6 7 8 9 | { document.getElementById(id).style.display = ''; } function hide(id) { document.getElementById(id).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 beginnerquote: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 gelijkquote: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".
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.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.
als het inderdaad een form betreft, is dat waarschijnlijk wel de bedoeling. Zie bijv. ook zijn voorbeeldlink van google maps waar dat gebeurt.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.
1 2 3 4 5 6 7 8 9 | <input type="checkbox" name="extra[opties_test2]" value="test2"> test 2<br /> <input type="checkbox" name="extra[opties_test3]" value="test3"> test 3<br /> <input type="radio" name="extra[opties_woei_1]" value="1">1<br /> <input type="radio" name="extra[opties_woei_2]" value="2">2<br /> <input type="radio" name="extra[opties_woei_3]" value="3">3<br /> <input type="text" name="extra[optie_info]" value="Hier je omschrijving"><br /> |
1 2 3 | opties_woei2 optie_info = 'tekst'; |
1 2 3 4 5 6 7 8 | var tekststring = "" for (var i=0; i < p.length; i++){ if(p[i].name.match("extra")) { tekststring += p[i].value + "\n" ; } } |
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)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".
1 |
1 |
getElementsByTagName() is niet handig, want dan krijg je alle elementen in plaats van alleen de form elementen.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.
1 2 3 4 5 6 | var fields = document.forms[0].elements; for (var i = ; i < fields.length; ++i) { if (fields[i].name.match(/^extra/)) info += fields[i].value + '\n'; } |
Dan moet je op tagName en type controleren: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?
1 |
if (radio1.checked)quote:
Ach, het zal toch niet om echt xhtml gaan. Dan zal alleen checked ook wel werken ;)quote:oh en met xhtml mag je geen shorttags gebruiken, dus in de xhtml checked="checked" gebruiken!
Hey het moet wel spannend blijven hehquote: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
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?quote:Op maandag 27 oktober 2008 01:16 schreef mcDavid het volgende:
Kan gewoon met onload.
1 |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |