SimplePortal

Support => International Support => Dutch (Nederlands) => Topic started by: wiecher on September 22, 2011, 10:27:08 AM

Title: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 10:27:08 AM
Hallo mensen.

Ik heb een weerforum met veel weer radar`s.
Is het mogelijk om alle radar`s in èèn grote block te maken met een soort van mouse over ?
Wie kan me daar mee helpen?

http://weerforum.eu/index.php
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 10:35:46 AM
Hoi, welkom in het Nederlandse board! :)
Bedoel je dat je van die kleine icoontjes krijgt en wanneer je de muis er over houd, dat de betreffende radar groter word?

Dr. Deejay
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 10:37:35 AM
Ja precies.
Leuk dat er een nederlandse gedeelte is nu  :D
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 10:39:11 AM
Klopt, ik ben er zelf ook erg blij mee :) Als ik de code van de radar blocks mag, dan knutsel ik iets in elkaar voor je :)

Dr. Deejay
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 10:40:52 AM
Oei er zijn er nogal wat hoor.
Weet je het zeker?
Het zijn zowel BBC en HTML codes.
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 10:42:09 AM
Yeah ik heb wel even de tijd vanavond. :) Moet opzich wel te doen zijn, ik denk wel dat het me lukt je voorbeeld na te bootsen. :P

Dr. Deejay
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 10:49:16 AM
Quote
<table width="100%">       
<tr>
<td align="center">
<a  href="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>

Quote
<table width="100%">       
<tr>
<td align="center">
<a  href="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>


Quote
<table width="100%">       
<tr>
<td align="center">
<a  href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>
Quote
<table width="100%">       
<tr>
<td align="center">
<a  href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>


Quote
<table width="100%">       
<tr>
<td align="center">
<a  href="http://weerplaza.nl/mobiel/data/nl_10min.jpg" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table><table width="100%">       
<tr>
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>
Quote
<table width="100%">       
<tr>
<td align="center">
<a  href="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>
Quote
<table width="100%">       
<tr>
<td align="center">
<a  href="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://www.wetterzentrale.de/pics/Reursnow.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.wetterzentrale.de/pics/Reursnow.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>

Dit zijn er alvast een paar.
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 10:50:24 AM
Thanks, ik zal vanavond proberen wat in elkaar te zetten :)

Dr. Deejay
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 10:51:33 AM
Alvast bedankt hoor  ;D
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 11:40:06 AM
Code: [Select]
<div id="bekijk_radar">
<!-- This will be replaced when choosing a radar -->
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onclick="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
Kun je misschien op een testforum proberen of de bovenstaande code werkt? (ik heb momenteel even geen simpleportal installatie bij de hand :P)
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 11:44:03 AM
Ja hoor het werkt deze radar.
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 11:45:48 AM
Oke, ik heb ondertussen een paar dingen veranderd en ik zal nu de rest doen :)
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 11:58:51 AM
Ik ben klaar denk ik, ik hoop dat ik niets vergeten ben. Als er iets aan veranderd moet worden, vraag het gerust :)
Code: [Select]
<div id="bekijk_radar">
<!-- This will be replaced when choosing a radar -->
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar(http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" />
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 12:07:56 PM
Het probleem is nu dat het allemaal erg verspringt als je op een plaatje klikt.
En is het ook centraal te maken (plaatjes in het midden) ?
Kan dat komen omdat er staandaard niet een radar te zien is ?
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 12:31:32 PM
Ik zal kijken of ik iets kan doen :)
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 12:36:33 PM
Is dit beter? :)
Code: [Select]
<div class="centertext">
<div id="bekijk_radar" style="height: 500px">
<!-- This will be replaced when choosing a radar -->
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar(http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" />
</div>
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 12:43:04 PM
Oh het ziet er al bijna perfect uit  :D
Maar kun je het ook zo maken dat er al minimaal 1 radar aanstaat ?
Ik bedoel  dat je niet eerst 1 hoeft te klikken ?
Het maakt me eigenlijk niet uit welke .

Super bedankt voor al je moeite zeg.
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 01:14:11 PM
Gedaan en geen probleem :P
Code: [Select]
<div class="centertext">
<div id="bekijk_radar" style="height: 500px">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar(http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" />
</div>
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 01:23:37 PM
Wauw bijna af man.
Mis er nog 3 zie ik.
Quote
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 01:31:00 PM
Bijdeze :)
Code: [Select]
<div class="centertext">
<div id="bekijk_radar" style="height: 500px">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar(http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png')" alt="*" style="width: 50px; height: 50px;" />
</div>
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 01:32:44 PM
Pffffff jeetje wat ben jij snel zeg.
Helemaal top hoor.
Ik ga het zo even op mijn forum plaatsen en laat je weten hoe het geworden is.
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 01:38:07 PM
Mis er nog 2 zie ik

Quote
<a  href="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">
<a  href="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" alt="" width="233" height="200" class="bbc_img" /></a>
<td align="center">         
</table>
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 01:49:29 PM
o_O ik zie ze gewoon staan. :P Heb je wel de goede toegevoegd?

Dr. Deejay
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 01:55:40 PM
Ik weet ik vraag veel maar omdat je het zo mooi maakt zou ik deze ook nog willen toevoegen.

Quote
<table width="100%">       
<tr>
 <td align="center">
 <a  href="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" alt="" width="210" height="220" class="bbc_img" /></a><br /> </td>
</tr>
</table>

Quote
<object width='240' height='341'><param name='movie' value='http://gadget.buienradar.nl/buienradar_220.swf' /><param name='menu' value='false' /><param name='wmode' value='transparent' /><param name='allowscriptaccess' value='always' /><embed src='http://gadget.buienradar.nl/buienradar_220.swf' width='240' height='341' menu='false' wmode='transparent' allowscriptaccess='always' type='application/x-shockwave-flash' /></object>
Quote
(http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png) (http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png)
Quote
Quote
(http://estofex.org/forecasts/tempmap/.png) (http://estofex.org/forecasts/tempmap/.png)
Quote
(http://weerplaza.nl/data/gmt/GMT_T10C_latest.png) (http://weerplaza.nl/data/gmt/GMT_T10C_latest.png)
Quote
(http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif) (http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif)
 (http://home.hccnet.nl/v.d.horn/meteopagina/new3.gif) (http://www.meteoalarm.eu/?areaname=&area=&ShowDate=&Country=&lang=NL)KLIK VOOR VERGROTING visueel / infrarood (http://wolken.buienradar.nl/default.aspx?region=&i=1)
 
 
Quote
<table width="100%">       
<tr>
 <td align="center">
 <a  href="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" alt="" width="210" height="220" class="bbc_img" /></a><br /> </td>
</tr>
</table>
Quote
<table width="100%">       
<tr>
 <td align="center">
 <a  href="http://weersite.net/actueel/sat_air_440.jpg" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://weersite.net/actueel/sat_air_440.jpg" alt="" width="210" height="220" class="bbc_img" /></a><br /> </td>
</tr>
</table>
Quote
<table width="100%">       
<tr>
 <td align="center">
 <a  href="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" alt="" width="210" height="220" class="bbc_img" /></a><br /> </td>
</tr>
</table>
Quote
<table width="100%">       
<tr>
 <td align="center">
 <a  href="http://www.knmi.nl/actueel/images/zichtgmt.png" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://www.knmi.nl/actueel/images/zichtgmt.png" alt="" width="210" height="220" class="bbc_img" /></a><br /> </td>
</tr>
</table>
Quote
(http://world.meteox.com/onweer/loop_onweer.gif) (http://world.meteox.com/onweer/loop_onweer.gif)
Quote
<table width="100%">       
<tr>
 <td align="center">
 <a  href="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" class="highslide " onclick="return hs.expand(this, { slideshowGroup: '' })"><img src="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" alt="" width="210" height="220" class="bbc_img" /></a><br /> </td>
</tr>
</table>
Quote
(http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png) (http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png)
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 02:05:09 PM
Bijdeze :P
Code: [Select]
<div class="centertext">
<div id="bekijk_radar" style="height: 500px">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar(http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://estofex.org/forecasts/tempmap/.png" onmouseover="update_radar('http://estofex.org/forecasts/tempmap/.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_T10C_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_T10C_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weersite.net/actueel/sat_air_440.jpg" onmouseover="update_radar('http://weersite.net/actueel/sat_air_440.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zichtgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zichtgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://world.meteox.com/onweer/loop_onweer.gif" onmouseover="update_radar('http://world.meteox.com/onweer/loop_onweer.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" onmouseover="update_radar('http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png" onmouseover="update_radar('http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png')" alt="*" style="width: 50px; height: 50px;" />
</div>
Er was alleen eentje die niet werkte, als je die terug wilt geef maar een gil. :P Sorry als ik iets vergeten ben though
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 02:11:17 PM
Deze werkt nog niet, verder helemaal top zeg
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 02:21:29 PM
Wat bedoel je precies? :P
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 02:22:36 PM
http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png">
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 02:47:50 PM
Weird, bij mij werkt hij gewoon. o_O Kun je misschien een screenshot geven van wat je krijgt te zien?
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 02:52:40 PM
Je ziet em wel maar hij komt niet naar voren.
Ik heb em op de test site staan, als je wil kijk maar eens.

http://wateenweer.xtreemhost.com/index.php
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 22, 2011, 02:56:42 PM
Doet de rest het wel? En kun je proberen de forumcache te legen, je browsercache te legen en op f5 te drukken?
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 03:03:01 PM
Gedaan hoor maar het is slechts deze radar en daar moet ik maar even mee leven denk ik.
Ik zal het straks even op mijn forum plaatsen, het ziet er verder top uit hoor.
Super bedankt voor nu  :D :D :D
Title: Re: Alle radars in èèn block
Post by: wiecher on September 22, 2011, 03:09:12 PM
Het gaat om deze...........
Title: Re: Alle radars in èèn block
Post by: wiecher on September 23, 2011, 04:39:12 AM
Opgelost Dr. Deejay

('http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png') stond geen (http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png') ' na de (

Bedankt voor je hulp  ;D
Title: Re: Alle radars in èèn block
Post by: wiecher on September 23, 2011, 09:04:22 AM
Is er een mogelijkheid om de tussenruimte minder te maken ?
Ik heb het nu zo met een paar radars meer.

Quote
<div class="centertext">
   <div id="bekijk_radar" style="height: 500px">
      <img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
   </div>
   <script type="text/javascript">
   // Extra radar funcs
   function update_radar(radar_id) {
      
      // Change the contents of our div (in this case: the currently selected radar)
      document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';
      
   }
   </script>
   <br />
   <img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
   <img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
   <img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://estofex.org/forecasts/tempmap/.png" onmouseover="update_radar('http://estofex.org/forecasts/tempmap/.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/data/gmt/GMT_T10C_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_T10C_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weersite.net/actueel/sat_air_440.jpg" onmouseover="update_radar('http://weersite.net/actueel/sat_air_440.jpg')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.knmi.nl/actueel/images/zichtgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zichtgmt.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://world.meteox.com/onweer/loop_onweer.gif" onmouseover="update_radar('http://world.meteox.com/onweer/loop_onweer.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
   <img src="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" onmouseover="update_radar('http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png" onmouseover="update_radar('http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_vandaag_dag.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_vandaag_dag.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_morgen_nacht.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_morgen_nacht.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_morgen_dag.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_morgen_dag.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://buienradar.mobi/image.ashx?k=3&c=nl" onmouseover="update_radar('http://buienradar.mobi/image.ashx?k=3&c=nl')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://blitzortung.tmt.de/image_b_eu.png" onmouseover="update_radar('http://blitzortung.tmt.de/image_b_eu.png')" alt="*" style="width: 50px; height: 50px;" />

</div>
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 23, 2011, 10:29:33 AM
Geen probleem :) Natuurlijk, ik zal voor je kijken :)

Voila:
Code: [Select]
<div class="centertext">
   <div id="bekijk_radar" style="height: 500px">
      <img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
   </div>
   <script type="text/javascript">
   // Extra radar funcs
   function update_radar(radar_id) {
     
      // Change the contents of our div (in this case: the currently selected radar)
      document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';
     
   }
   </script>
   <img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
   <img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
   <img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://estofex.org/forecasts/tempmap/.png" onmouseover="update_radar('http://estofex.org/forecasts/tempmap/.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weerplaza.nl/data/gmt/GMT_T10C_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_T10C_latest.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://weersite.net/actueel/sat_air_440.jpg" onmouseover="update_radar('http://weersite.net/actueel/sat_air_440.jpg')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.knmi.nl/actueel/images/zichtgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zichtgmt.png')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://world.meteox.com/onweer/loop_onweer.gif" onmouseover="update_radar('http://world.meteox.com/onweer/loop_onweer.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
   <img src="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" onmouseover="update_radar('http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n')" alt="*" style="width: 50px; height: 50px;" />
   <img src="http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png" onmouseover="update_radar('http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_vandaag_dag.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_vandaag_dag.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_morgen_nacht.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_morgen_nacht.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_morgen_dag.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/short_term_morgen_dag.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://buienradar.mobi/image.ashx?k=3&c=nl" onmouseover="update_radar('http://buienradar.mobi/image.ashx?k=3&c=nl')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://blitzortung.tmt.de/image_b_eu.png" onmouseover="update_radar('http://blitzortung.tmt.de/image_b_eu.png')" alt="*" style="width: 50px; height: 50px;" />

</div>
Title: Re: Alle radars in èèn block
Post by: wiecher on September 23, 2011, 10:34:38 AM
Ik zie geen verschil nog of kan het nog minder ?
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 23, 2011, 10:47:21 AM
Code: [Select]
<div class="centertext">
<div id="bekijk_radar" style="height: 460px">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar(http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://estofex.org/forecasts/tempmap/.png" onmouseover="update_radar('http://estofex.org/forecasts/tempmap/.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_T10C_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_T10C_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weersite.net/actueel/sat_air_440.jpg" onmouseover="update_radar('http://weersite.net/actueel/sat_air_440.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zichtgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zichtgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://world.meteox.com/onweer/loop_onweer.gif" onmouseover="update_radar('http://world.meteox.com/onweer/loop_onweer.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" onmouseover="update_radar('http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png" onmouseover="update_radar('http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png')" alt="*" style="width: 50px; height: 50px;" />
</div>
Dit zou moeten werken :)
Title: Re: Alle radars in èèn block
Post by: wiecher on September 23, 2011, 10:51:34 AM
Helemaal top Dr. Deejay
Bedankt voor al je hulp man.  ;D
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 23, 2011, 10:52:41 AM
Geen probleem :)
Title: Re: Alle radars in èèn block
Post by: wiecher on September 23, 2011, 03:01:59 PM
Is het ook mogelijk om de kleine plaatjes eromheen te zetten ipv eronder ?
Denk je dat het mogelijk is ?
Of is het teveel van het goede.  :nervous-happy:
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 23, 2011, 04:45:02 PM
Ik denk wel ja :) Het is alleen nu een beetje laat maar ik zal morgen voor je proberen of ik wat kan regelen
Title: Re: Alle radars in èèn block
Post by: wiecher on September 24, 2011, 07:06:25 AM
Dit heb ik nu staan.

Code: [Select]
<div class="centertext">
<div id="bekijk_radar" style="height: 460px">
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://estofex.org/forecasts/tempmap/.png" onmouseover="update_radar('http://estofex.org/forecasts/tempmap/.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_T10C_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_T10C_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weersite.net/actueel/sat_air_440.jpg" onmouseover="update_radar('http://weersite.net/actueel/sat_air_440.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zichtgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zichtgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://world.meteox.com/onweer/loop_onweer.gif" onmouseover="update_radar('http://world.meteox.com/onweer/loop_onweer.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
<img src="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" onmouseover="update_radar('http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png" onmouseover="update_radar('http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0" onmouseover="update_radar('http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_1.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_1.png')" alt="*" style="width: 50px; height: 50px;" /><br />
    <img src="http://www.uni-koeln.de/math-nat-fak/geomet/meteo/winfos/snoweuropa.gif" onmouseover="update_radar('http://www.uni-koeln.de/math-nat-fak/geomet/meteo/winfos/snoweuropa.gif')" alt="*" style="width: 50px; height: 50px;" /><br />
</div>
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 24, 2011, 09:50:59 AM
Is dit misschien wat? :nervous-happy:
Code: [Select]
<div class="centertext">
<div id="bekijk_radar" class="floatleft" style="height: 460px; width: 50%;">
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://estofex.org/forecasts/tempmap/.png" onmouseover="update_radar('http://estofex.org/forecasts/tempmap/.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_T10C_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_T10C_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weersite.net/actueel/sat_air_440.jpg" onmouseover="update_radar('http://weersite.net/actueel/sat_air_440.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zichtgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zichtgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://world.meteox.com/onweer/loop_onweer.gif" onmouseover="update_radar('http://world.meteox.com/onweer/loop_onweer.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" onmouseover="update_radar('http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png" onmouseover="update_radar('http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0" onmouseover="update_radar('http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_1.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_1.png')" alt="*" style="width: 50px; height: 50px;" />
    <img src="http://www.uni-koeln.de/math-nat-fak/geomet/meteo/winfos/snoweuropa.gif" onmouseover="update_radar('http://www.uni-koeln.de/math-nat-fak/geomet/meteo/winfos/snoweuropa.gif')" alt="*" style="width: 50px; height: 50px;" />
<br class="clear" />
</div>
Title: Re: Alle radars in èèn block
Post by: wiecher on September 24, 2011, 09:55:29 AM
Nee nog niet echt hoe ik het bedoel.
Ik stuur ff een printscreen mee.

Title: Re: Alle radars in èèn block
Post by: Kryzen on September 24, 2011, 10:12:48 AM
Meh, vergeten dat ik de rechter kant ook nog een width moest meegeven :P Ik pas het ffe voor je aan
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 24, 2011, 10:14:13 AM
Werkt dit beter?
Code: [Select]
<div class="centertext">
<div id="bekijk_radar" class="floatleft" style="height: 460px; width: 50%;">
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 450px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<div class="floatright" style="width: 45%;">
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=loop1uur1x1_bliksem&tijdid=2010661049')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=tophoogte1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/mobiel/data/nl_10min.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_FXFF_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_NNNN_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_RHRH_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Reursnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_HEATINDEX_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://estofex.org/forecasts/tempmap/.png" onmouseover="update_radar('http://estofex.org/forecasts/tempmap/.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weerplaza.nl/data/gmt/GMT_T10C_latest.png" onmouseover="update_radar('http://weerplaza.nl/data/gmt/GMT_T10C_latest.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zonneschijnpercgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://weersite.net/actueel/sat_air_440.jpg" onmouseover="update_radar('http://weersite.net/actueel/sat_air_440.jpg')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/actueel/images/zichtgmt.png" onmouseover="update_radar('http://www.knmi.nl/actueel/images/zichtgmt.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://world.meteox.com/onweer/loop_onweer.gif" onmouseover="update_radar('http://world.meteox.com/onweer/loop_onweer.gif')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n" onmouseover="update_radar('http://m.meteox.co.uk/images.aspx?jaar=-3&voor=&soort=loop3uur256&c=uk&n')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png" onmouseover="update_radar('http://www.hetweeractueel.nl/includes/custom/rainimages/rainmap.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0" onmouseover="update_radar('http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_0.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_1.png" onmouseover="update_radar('http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/waarschuwing_land_1.png')" alt="*" style="width: 50px; height: 50px;" />
<img src="http://www.uni-koeln.de/math-nat-fak/geomet/meteo/winfos/snoweuropa.gif" onmouseover="update_radar('http://www.uni-koeln.de/math-nat-fak/geomet/meteo/winfos/snoweuropa.gif')" alt="*" style="width: 50px; height: 50px;" />
</div>
<br class="clear" />
</div>
Title: Re: Alle radars in èèn block
Post by: wiecher on September 24, 2011, 10:34:14 AM
Nee sorry.
Nu veranderen ze niet met de muisover.
Ik wou ze ook graag om het grote kaartje hebben zowel links als rechts als onder.
Alleen als het mogelijk is dan he
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 24, 2011, 01:56:15 PM
Raar, bij mij werkt het gewoon o_O Welke browser gebruik je? Heb je javascript ingeschakeld? Ik zal morgen proberen ze ook links en onder te krijgen, want links gaat iets moeilijker worden vrees ik.
Title: Re: Alle radars in èèn block
Post by: wiecher on September 24, 2011, 01:58:02 PM
Ik gebruik Firefox en IE.
Ik zie dat het wel werkt maar het loopt in elkaar over bij sommige radars.
De reden waarom ik ze graag om het grote radar heen wil hebben is omdat je anders de middelste radars niet kunt vasthouden.

Kijk hier maar es op de testforum.
http://wateenweer.xtreemhost.com/index.php (http://wateenweer.xtreemhost.com/index.php)
Title: Re: Alle radars in èèn block
Post by: wiecher on September 25, 2011, 10:40:07 AM
Is het ook mogelijk om de kleine plaatjes eromheen te zetten ipv eronder ?
Denk je dat het mogelijk is ?
Of is het teveel van het goede.   :nervous-happy:
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 25, 2011, 11:35:21 AM
Boven is heel moeilijk aangezien hij dan probeert wat te veranderen dat er nog niet staat. Links word moeilijker aangezien je dan qua logica met hetzelfde probleem zit, rechts en onder moet geen probleem zijn though. Ik heb het alleen een beetje druk, maar ik zal straks voor je kijken.
Title: Re: Alle radars in èèn block
Post by: wiecher on September 25, 2011, 11:47:58 AM
Boven is heel moeilijk aangezien hij dan probeert wat te veranderen dat er nog niet staat. Links word moeilijker aangezien je dan qua logica met hetzelfde probleem zit, rechts en onder moet geen probleem zijn though. Ik heb het alleen een beetje druk, maar ik zal straks voor je kijken.

Alvast bedankt hoor  8)
Title: Re: Alle radars in èèn block
Post by: Kryzen on September 29, 2011, 02:18:07 PM
Sorry ik heb momenteel even te veel huiswerk en fixen word een beetje moeilijk. Enfin, verander "max-width: 450px;" eens naar "max-width: 50%;"?
Title: Re: Alle radars in èèn block
Post by: wiecher on September 29, 2011, 02:25:48 PM
Ah ok ik snap het.
Ik wacht dan maar rustig af, je laatste optie was ook niet wat ik graag wou.
Title: Re: Alle radars in èèn block
Post by: wiecher on October 10, 2011, 02:46:59 PM
uche uche  :D
Title: Re: Alle radars in èèn block
Post by: locutusweb on October 13, 2011, 11:04:33 AM
Kijk hier maar es op de testforum.
http://wateenweer.xtreemhost.com/index.php (http://wateenweer.xtreemhost.com/index.php)
Ik was een beetje benieuwd, daar ik ook een site heb met meteo informatie. Wat me opviel dat het bizar lang duurde op de pagina te laden; dat klopt ook wel omdat je alle plaatjes geheel gaat binnen halen. Ik zou er toch wat op verzinnen om dat sneller te laden. (BTW ik heb het middels een cron job gedaan: die haalt om de x uur de plaatjes binnen en maakt er een thumbnail van)
Title: Re: Alle radars in èèn block
Post by: wiecher on October 13, 2011, 11:08:44 AM
Het testforum is alleen maar voor het testen hoor.
http://weerforum.eu/ (http://weerforum.eu/) is ook ergens anders gehost.
Maar je hebt gelijk dat allemaal nog wel iets sneller mag.
Kun je mij eens op weg helpen wat je precies hebt gedaan ?
Title: Re: Alle radars in èèn block
Post by: wiecher on October 28, 2011, 05:39:32 PM
Ik krijg nu erg veel hulp van locutusweb maar de vraag om de radars zo te krijgen als ik vroeg heb ik nog niet voor elkaar.
Title: Re: Alle radars in èèn block
Post by: Kryzen on November 13, 2011, 09:39:58 AM
Kun je misschien je huidige code posten?
Title: Re: Alle radars in èèn block
Post by: wiecher on November 13, 2011, 09:46:42 AM
Zo staat het nu.

Code: [Select]
<div class="centertext">
<div id="bekijk_radar" style="height: 460px">
<img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" style="max-height: 450px; max-width: 650px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 650px;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<a href="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/radar_isaeeur3_thumb.jpg" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/aspx_thumb.jpg" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/sat_new_ireu_thumb.jpg" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/loop_nl_sat_thumb.jpg" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/nu_radar_thumb.jpg" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx_thumb.jpg" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx1_thumb.jpg" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx2_thumb.jpg" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://weerplaza.nl/mobiel/data/nl_10min.jpg" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/nl_10min_thumb.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx_thumbs.jpg" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://data.meteomedia.de/data/maps/generated/holland_sytl_uwz-nl_nl.png" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/holland_sytl_uwz-nl_nl.jpg" onmouseover="update_radar('http://data.meteomedia.de/data/maps/generated/holland_sytl_uwz-nl_nl.png')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://knmi.nl/actueel/images/windchillgmt.png" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/windchillgmt.jpg" onmouseover="update_radar('http://knmi.nl/actueel/images/windchillgmt.png')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www9.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=verwachting1x1&tijdid=" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx3_thumb.jpg" onmouseover="update_radar('http://www9.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=verwachting1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx4_thumb.jpg" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/36_35_thumb.jpg" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/sneeuwhoogtes_thumb.jpg" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/20110902_6dfwd_thumb.jpg" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/PLUIM_06260_IJS_thumb.jpg" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.wetterzentrale.de/pics/Reursnow.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/Reursnow_thumb.jpg" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/Rnhemsnow_thumb.jpg" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/graphe_ens3_thumb.jpg" onmouseover="update_radar('http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/slv_eur_1h_movd0_thumb.jpg" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/slv_eur_1h_movd2_thumb.jpg" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/slv_eur_1h_movd2_thumb.jpg" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>





   

Title: Re: Alle radars in èèn block
Post by: Kryzen on November 13, 2011, 09:48:36 AM
Oke, wat moet er veranderd aan worden? :)
Title: Re: Alle radars in èèn block
Post by: wiecher on November 13, 2011, 09:51:43 AM
Ik vroeg me af of deze kleine radars eromheen ipv eronder geplaatst konden worden.
Title: Re: Alle radars in èèn block
Post by: Kryzen on November 13, 2011, 09:53:01 AM
Oooh, ja dat kan, maar erboven gaat heel erg moeilijk worden vrees ik. Links is denk ik wel mogelijk, ik kijk vanavond wel voor je :)
Title: Re: Alle radars in èèn block
Post by: wiecher on November 13, 2011, 09:53:54 AM
Thnx D
Title: Re: Alle radars in èèn block
Post by: wiecher on December 01, 2011, 05:16:59 PM
Tja onmogelijk denk ik zo gezien de reactie  :-X
Title: Re: Alle radars in èèn block
Post by: wiecher on December 06, 2011, 02:28:39 PM
Oooh, ja dat kan, maar erboven gaat heel erg moeilijk worden vrees ik. Links is denk ik wel mogelijk, ik kijk vanavond wel voor je :)

Nog nieuws Dr. Deejay ?
Title: Re: Alle radars in èèn block
Post by: Kryzen on December 06, 2011, 03:26:25 PM
Is dit beter?
Code: [Select]
<div class="centertext">
<div id="bekijk_radar" class="floatleft" style="height: 460px; width: 50%;">
<img src="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" style="max-height: 450px; max-width: 650px;" class="bbc_img" alt="Radar niet gevonden.." >
</div>
<script type="text/javascript">
// Extra radar funcs
function update_radar(radar_id) {

// Change the contents of our div (in this case: the currently selected radar)
document.getElementById("bekijk_radar").innerHTML='<img src="' + radar_id + '" style="max-height: 450px; max-width: 100%;" class="bbc_img" alt="Radar niet gevonden.." />';

}
</script>
<br />
<div class="floatright" style="width: 45%;">
<a href="http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/radar_isaeeur3_thumb.jpg" onmouseover="update_radar('http://sirocco.accuweather.com/sat_mosaic_640x480_public/ei/isaeeur3.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/aspx_thumb.jpg" onmouseover="update_radar('http://www3.buienradar.nl/images.aspx?jaar=-7&soort=temperatuur&tijd=3')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/sat_new_ireu_thumb.jpg" onmouseover="update_radar('http://188.165.232.130/~meteomc/Images/sat/sat_new_ireu.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/loop_nl_sat_thumb.jpg" onmouseover="update_radar('http://www1.buienradar.nl/radar/loop_nl_sat.gif?id=2010622243')" alt="*" style="width: 50px; height: 50px;" />
</a><br />
<a href="http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/nu_radar_thumb.jpg" onmouseover="update_radar('http://nu.infoplaza.nl/data/nu_specific/nu_radar.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx_thumb.jpg" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=temperatuurgrond&tijd=3&tijdid=2011322035')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx1_thumb.jpg" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=zicht&tijd=3&tijdid=2011322036')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx2_thumb.jpg" onmouseover="update_radar('http://www10.buienradar.nl/images.aspx?jaar=-7&soort=wind&tijd=3&tijdid=2011322038')" alt="*" style="width: 50px; height: 50px;" />
</a><br />
<a href="http://weerplaza.nl/mobiel/data/nl_10min.jpg" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/nl_10min_thumb.jpg" onmouseover="update_radar('http://weerplaza.nl/mobiel/data/nl_10min.jpg')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx_thumbs.jpg" onmouseover="update_radar('http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=hagel')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://data.meteomedia.de/data/maps/generated/holland_sytl_uwz-nl_nl.png" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/holland_sytl_uwz-nl_nl.jpg" onmouseover="update_radar('http://data.meteomedia.de/data/maps/generated/holland_sytl_uwz-nl_nl.png')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://knmi.nl/actueel/images/windchillgmt.png" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/windchillgmt.jpg" onmouseover="update_radar('http://knmi.nl/actueel/images/windchillgmt.png')" alt="*" style="width: 50px; height: 50px;" />
</a><br />
<a href="http://www9.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=verwachting1x1&tijdid=" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx3_thumb.jpg" onmouseover="update_radar('http://www9.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=verwachting1x1&tijdid=')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/images.aspx4_thumb.jpg" onmouseover="update_radar('http://www.meteox.com/images.aspx?jaar=-3&voor=&soort=loop1uur')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www2.wetter3.de/Animation_06_UTC/36_35.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/36_35_thumb.jpg" onmouseover="update_radar('http://www2.wetter3.de/Animation_06_UTC/36_35.gif')" alt="*" style="width: 50px; height: 50px;" />
</a></div><br class="clear" />
<a href="http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/sneeuwhoogtes_thumb.jpg" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwhoogte/415x415/sneeuwhoogtes.png')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/20110902_6dfwd_thumb.jpg" onmouseover="update_radar('http://kaarten.sneeuwhoogtes.eu/sneeuwverwachting/415x415/20110902_6dfwd.png')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/PLUIM_06260_IJS_thumb.jpg" onmouseover="update_radar('http://www.knmi.nl/exp/pluim/Data/ijs/PLUIM_06260_IJS.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.wetterzentrale.de/pics/Reursnow.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/Reursnow_thumb.jpg" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Reursnow.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://www.wetterzentrale.de/pics/Rnhemsnow.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/Rnhemsnow_thumb.jpg" onmouseover="update_radar('http://www.wetterzentrale.de/pics/Rnhemsnow.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/graphe_ens3_thumb.jpg" onmouseover="update_radar('http://91.121.84.31/modeles/gens/graphe_ens3.php?x=&ext=1&y=&run=12&lat=52.114159&lon=5.18343&runpara=0')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/slv_eur_1h_movd0_thumb.jpg" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd0.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/slv_eur_1h_movd2_thumb.jpg" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd1.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
<a href="http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif" class="highslide" onclick="return hs.expand(this)">
   <img src="http://weerforum.eu/images/slv_eur_1h_movd2_thumb.jpg" onmouseover="update_radar('http://db.eurad.uni-koeln.de/prognose/data/aktuell/slv_eur_1h_movd2.gif')" alt="*" style="width: 50px; height: 50px;" />
</a>
Title: Re: Alle radars in èèn block
Post by: wiecher on December 06, 2011, 03:31:30 PM
Het begint er op te lijken maar nog niet helemaal Dr, Deejay.
Kijk maar eens op mijn testsite onderaan de pagina.

http://wateenweer.xtreemhost.com/index.php
Title: Re: Alle radars in èèn block
Post by: Kryzen on February 07, 2012, 03:21:12 PM
Dit topic staat bijdeze als opgelost, voel je vrij het als onopgelost te markeren. ;)
Title: Re: Alle radars in èèn block
Post by: ribwhulp on January 17, 2015, 06:13:13 AM
Deze vind ik persoonlijk beter:

Code: [Select]
<center><a href="http://www.buienradar.nl" target="_blank"><img border="0" src="http://www3.buienradar.nl/buienradarnl-ani120phone.gif"></a></center>
Demo: http://ribwhulp.nl
SimplePortal 2.3.8 © 2008-2024, SimplePortal