[Javascript] voor dummies (deel 8)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  maandag 13 oktober 2008 @ 19:35:15 #1
136730 PiRANiA
All thinking men are atheists.
pi_62358769


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
74548 Jo0Lz
Lick the box!
pi_62358904
Naar DEV en centraal.

.
Yes we can! | I didn't fail, it's just postponed success.
pi_62358920
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		   <script type="text/javascript">
          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>


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
136730 PiRANiA
All thinking men are atheists.
pi_62358943
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		<script>
if(1<2){
document.write("tvp");
}
</script>
Dag Google!
pi_62359084
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
136730 PiRANiA
All thinking men are atheists.
pi_62359202
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
74548 Jo0Lz
Lick the box!
pi_62360392
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.
pi_62360542
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?
pi_62362492
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?
pi_62363241
document.getElementById("field1").value=a;
pi_62364896
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,
pi_62375101
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.
pi_62491686
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?
pi_62526394
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
pi_62532748
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?
pi_62534515
Zo simpel, bedankt mcDavid.
pi_62537045
Werkt het echt? Tof!
pi_62540521
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
pi_62687110
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?
pi_62707974
Kan gewoon met onload.
pi_62729920
Da's wel heel simpel.
Tnx. Ik kan weer verder met m'n JS oefeningen .
pi_62777753
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>
<!-- 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>


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
pi_62779288
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) ]
pi_62782929
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".
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_62783236
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..
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 8)
Index

» digital corner

» development

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