collapse

* Simple Portal Archived Forum

This is an Archive Forum.

The content in this forum may be out-of-date or have been superseded by newer information, and links in forum pages to other sites may not work.
This forum contains archives for future reference.

Visit our thread at Simple Machines Forum for current support.

SMF 2.1 users: EhPortal is a ported version of Simple Portal specifically designed for the SMF 2.1 branch.
Please visit web-develop.ca to download EhPortal and for its support.

* User Info

 
 
Welcome, Guest. Please login or register.

* Who's Online

  • Dot Guests: 429
  • Dot Hidden: 0
  • Dot Users: 0

There aren't any users online.

* Shoutbox

Refresh History
  • Shoutbox is not for support!
  • {OCS}MasterSeal: Yup, Still adore SP
    April 21, 2019, 07:08:06 PM
  • {OCS}MasterSeal: STILL love SP :)
    November 24, 2018, 05:05:50 AM
  • ♦ Ninja ZX-10RR ♦: <3 aegersz
    September 13, 2018, 03:36:09 PM
  • aegersz: I STILL <3 LOVE SimplePortal
    September 13, 2018, 07:11:39 AM
  • aegersz: o LOVE you guys - Simple Portal rocks !
    May 09, 2018, 05:18:59 AM
  • Chen Zhen: our apologies for the site being down.. please read server issues topic
    March 22, 2018, 05:32:38 AM
  • {OCS}MasterSeal: LOL PLEASE forget I just posted that. I found the answer in my own dang post back in 2015. lol sorry!
    July 04, 2017, 10:47:55 PM
  • {OCS}MasterSeal: I know this SB isnt' for support, but I just have a general question. Who would I contact to find out where SP stores its block info? Is it DB driven or files? I searched the site but came up with nothing. probably my fault any insight is appreciated.
    July 04, 2017, 10:43:36 PM
  • ♦ Ninja ZX-10RR ♦: Excuse me but what does Simpleportal have to deal with that?
    February 05, 2017, 08:21:14 PM
  • WhiteEagle: of course IMHO that site appears to be dead :(
    February 04, 2017, 01:08:05 PM
  • WhiteEagle: If I can get that, then I'll use it for that site...
    February 04, 2017, 01:07:35 PM
  • WhiteEagle: decided to not use SMF for any projects, unless I can get a copy of the premium version of the fanfiction archive plugin
    February 04, 2017, 01:06:54 PM
  • expertdecisions: cloudflare
    January 28, 2017, 08:01:47 AM
  • aegersz: SM release 2.0.13 !
    January 12, 2017, 06:00:13 AM
  • raffo: Tks Emanuele, even if I didn't understand the fix :D
    November 07, 2016, 02:01:20 AM
  • emanuele: [link]
    November 01, 2016, 12:43:50 PM
  • emanuele: raffo: the English support board is a good place. ;)
    November 01, 2016, 12:43:38 PM
  • raffo: Where can I find the fix for the shoutbox?
    November 01, 2016, 05:06:09 AM
  • {OCS}MasterSeal: To the SP team, I make a point to come here and thank you as much as possible for your work.  so again, THANK YOU!
    October 28, 2016, 10:38:05 AM
  • emanuele: That's indeed funny, the limit is present only in the patch and not the full install.
    October 22, 2016, 06:14:58 PM

* Recent Posts

Adding Forums Button to Nav bar by jirapon
[August 01, 2019, 09:07:12 AM]


Re: Board Icons by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 04:03:41 PM]


MOVED: Czech translation???? by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 03:04:51 PM]


Board Icons by jirapon
[July 30, 2019, 07:28:44 AM]


Re: Thankyou Simpleportal, by ♦ Ninja ZX-10RR ♦
[July 29, 2019, 09:41:29 AM]

Installation errors? Mod incompatibilities? Upgrade problems? Make your way over to the Install and Upgrade Support board for all your solutions!

Author Topic: Alle radars in èèn block  (Read 48292 times)

0 Members and 2 Guests are viewing this topic.

wiecher

  • Guest
Alle radars in èèn block
« 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

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #1 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

wiecher

  • Guest
Re: Alle radars in èèn block
« Reply #2 on: September 22, 2011, 10:37:35 AM »
Ja precies.
Leuk dat er een nederlandse gedeelte is nu  :D

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #3 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

wiecher

  • Guest
Re: Alle radars in èèn block
« Reply #4 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.

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #5 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

wiecher

  • Guest
Re: Alle radars in èèn block
« Reply #6 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.

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #7 on: September 22, 2011, 10:50:24 AM »
Thanks, ik zal vanavond proberen wat in elkaar te zetten :)

Dr. Deejay

wiecher

  • Guest
Re: Alle radars in èèn block
« Reply #8 on: September 22, 2011, 10:51:33 AM »
Alvast bedankt hoor  ;D

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #9 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)

wiecher

  • Guest
Re: Alle radars in èèn block
« Reply #10 on: September 22, 2011, 11:44:03 AM »
Ja hoor het werkt deze radar.

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #11 on: September 22, 2011, 11:45:48 AM »
Oke, ik heb ondertussen een paar dingen veranderd en ik zal nu de rest doen :)

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #12 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;" />

wiecher

  • Guest
Re: Alle radars in èèn block
« Reply #13 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 ?
« Last Edit: September 22, 2011, 12:12:22 PM by wiecher »

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #14 on: September 22, 2011, 12:31:32 PM »
Ik zal kijken of ik iets kan doen :)

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #15 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>

wiecher

  • Guest
Re: Alle radars in èèn block
« Reply #16 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.

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #17 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>

wiecher

  • Guest
Re: Alle radars in èèn block
« Reply #18 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>

Offline Kryzen

  • Localizer
  • Board Moderators
  • *
  • Posts: 826
  • Gender: Male
  • SMF Version: 2.0.11
  • SP Version: 2.3.6
Re: Alle radars in èèn block
« Reply #19 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>