Post by i2Paq » Sun Jun 08, 2014 12:41 am

Ik wil mijn klanten graag de UV index van Nederland laten zien op mijn home.

Hiervoor gebruik ik de CR2 HTML module.

Op zich werkt het, echter krijg ik het plaatje van het KNMI niet klickable zodat hij naar de site van het KNMI gaat.

Code: Select all

<div style="margin:7px 10px;"><div style="color: #222222;font-family: Arial;font-size: 12px;font-weight: bold;margin: 0px 0px 7px 0px;line-height: 14px;"></div><iframe id="widget-frame" src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/kaart_zonkracht_plus_menu_dag1.html" width="50" height="50" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe><a href="http://www.knmi.nl/weer/weer_en_gezondheid/zonkracht.html" target="_blank">Uitgebreide UV-index verwachting in Nederland</a></div>
Vraag mij niet hoe ik aan deze code kom, beetje gesprokkeld :D

Module tijdelijk in actie Hier

Graag jullie hulp :)

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by victorj » Sun Jun 08, 2014 6:05 am

strip de url aan het eind er eens uit.

en als je in de html module terwijl die niet code staat, alles selecteerd, daarna op maak een link klikt en daar de code voor de externe url in zet

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by pprmkr » Sun Jun 08, 2014 2:10 pm

i2Paq wrote:Vraag mij niet hoe ik aan deze code kom, beetje gesprokkeld :D
Ik kan ook een beetje sprokkelen :D
Plak onderstaande code in area1, 2 of 3

Code: Select all

<script type="text/javascript">
<!--
var now = new Date();
var url;

var image1 = new Image();
image1.src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/zonkracht/zonkracht_kaartje_dag0.gif?"+now.getHours()+now.getMinutes()+now.getSeconds();
url= '<img id="zonkrachtverwachting" src="'+image1.src+'" border=0 vspace=0 hspace=0 valign=top usemap="#zonkracht_verwachting">';
document.writeln( url );
//-->
</script>
<noscript>
<img id="zonkrachtverwachting" src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/zonkracht/zonkracht_kaartje_dag0.gif" border=0 vspace=0 hspace=0 valign=top usemap="#zonkracht_verwachting">
</noscript>
<map name="zonkracht_verwachting">
<area shape="rect" alt="Zonkrachtverwachting dag 1" coords="20,242,216,254" href="http://www.knmi.nl/kaart_zonkracht_plus_menu_dag1.html" target="_blank" title="Zonkrachtverwachting dag 1">
<area shape="rect" alt="Zonkrachtverwachting dag 2" coords="20,255,216,267" href="http://www.knmi.nl/kaart_zonkracht_plus_menu_dag2.html" target="_blank" title="Zonkrachtverwachting dag 2">
<area shape="rect" alt="Informatie over de zonkracht" coords="205,0,219,14" href="http://www.knmi.nl/waarschuwingen_en_verwachtingen/legenda_zonkracht.html" target="_blank" title="Informatie over de zonkracht" target="legenda">
<area shape="rect" alt="Verwachte zonkracht voor de komende dagen" coords="13,32,212,191" href="http://www.knmi.nl/datacentrum/weer_en_gezondheid/zonkracht.html" target="_blank" title="Verwachte zonkracht voor de komende dagen">
<area shape="default" nohref>
</map>

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by pprmkr » Sun Jun 08, 2014 3:52 pm

Je hebt een smalle column van 180 waar de afbeelding van 220px niet in past.

De afbeelding verkleind en de coördinaten aangepast:

Code: Select all

<script type="text/javascript">
<!--
var now = new Date();
var url;

var image1 = new Image();
image1.src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/zonkracht/zonkracht_kaartje_dag0.gif?"+now.getHours()+now.getMinutes()+now.getSeconds();
url= '<img id="zonkrachtverwachting" src="'+image1.src+'" width="160" border=0 vspace=0 hspace=0 valign=top usemap="#zonkracht_verwachting">';
document.writeln( url );
//-->
</script>
<noscript>
<img id="zonkrachtverwachting" src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/zonkracht/zonkracht_kaartje_dag0.gif" border=0 vspace=0 hspace=0 valign=top usemap="#zonkracht_verwachting">
</noscript>
<map name="zonkracht_verwachting">
<area shape="rect" alt="Zonkrachtverwachting dag 1" coords="15,176,157,185" href="http://www.knmi.nl/kaart_zonkracht_plus_menu_dag1.html" target="_blank" title="Zonkrachtverwachting dag 1">
<area shape="rect" alt="Zonkrachtverwachting dag 2" coords="15,186,157,194" href="http://www.knmi.nl/kaart_zonkracht_plus_menu_dag2.html" target="_blank" title="Zonkrachtverwachting dag 2">
<area shape="rect" alt="Informatie over de zonkracht" coords="149,0,159,10" href="http://www.knmi.nl/waarschuwingen_en_verwachtingen/legenda_zonkracht.html" target="_blank" title="Informatie over de zonkracht" target="legenda">
<area shape="rect" alt="Verwachte zonkracht voor de komende dagen" coords="9,23,154,139" href="http://www.knmi.nl/datacentrum/weer_en_gezondheid/zonkracht.html" target="_blank" title="Verwachte zonkracht voor de komende dagen">
<area shape="default" nohref>
</map>

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by i2Paq » Sun Jun 08, 2014 5:15 pm

pprmkr wrote:
Ik kan ook een beetje sprokkelen :D
Plak onderstaande code in area1, 2 of 3
Bijna!

Zoals je zit is het nu te breed, ik zie ook 1-2-3 geen mogelijkheid dat in te stellen.

Het moge duidelijk zijn dat mijn code-skills zich beperken tot kopiëren, plakken en hopen dat het werkt ;D

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by pprmkr » Sun Jun 08, 2014 6:51 pm

Zie mijn tweede post, daar staat het nieuwe formaat met aangepaste coördinaten voor de map ...

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by i2Paq » Sun Jun 08, 2014 7:42 pm

pprmkr wrote:Zie mijn tweede post, daar staat het nieuwe formaat met aangepaste coördinaten voor de map ...
Super!

Waarvoor dank!

Zie hier het resultaat 8)

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by pprmkr » Sun Jun 08, 2014 7:44 pm

Er klopt nog iets niet: klik eens op dag1 en dag2 -> pagina niet gevonden.

Blijkt voor beide dagen een andere afbeelding te worden geladen.

Ik wil even brainstormen over scriptje om dynamisch de andere afbeelding te laden ...

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by pprmkr » Sun Jun 08, 2014 8:25 pm

Probeer dit eens:

Code: Select all

   <script type="text/javascript">
<!--
var now = new Date();
var url;

var image1 = new Image();
image1.src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/zonkracht/zonkracht_kaartje_dag0.gif?"+now.getHours()+now.getMinutes()+now.getSeconds();
url= '<img id="zonkrachtverwachting" src="'+image1.src+'" width="160" border=0 vspace=0 hspace=0 valign=top usemap="#zonkracht_verwachting">';
document.writeln( url );
//-->
</script>
<noscript>
<img id="zonkrachtverwachting" src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/zonkracht/zonkracht_kaartje_dag0.gif" border=0 vspace=0 hspace=0 valign=top usemap="#zonkracht_verwachting">
</noscript>
<map name="zonkracht_verwachting">
<area shape="rect" alt="Zonkrachtverwachting dag 1" coords="15,176,157,185" href="#" onclick="afbeelding(0); return false;" title="Zonkrachtverwachting dag 1">
<area shape="rect" alt="Zonkrachtverwachting dag 2" coords="15,186,157,194" href="#" onclick="afbeelding(1); return false;" title="Zonkrachtverwachting dag 2">
<area shape="rect" alt="Informatie over de zonkracht" coords="149,0,159,10" href="http://www.knmi.nl/waarschuwingen_en_verwachtingen/legenda_zonkracht.html" target="_blank" title="Informatie over de zonkracht" target="legenda">
<area shape="rect" alt="Verwachte zonkracht voor de komende dagen" coords="9,23,154,139" href="http://www.knmi.nl/datacentrum/weer_en_gezondheid/zonkracht.html" target="_blank" title="Verwachte zonkracht voor de komende dagen">
<area shape="default" nohref>
</map>
<script type="text/javascript">
<!--
var now = new Date();

function afbeelding(welke) {
	if (welke == 1) {
		$('#zonkrachtverwachting').attr("src", 'http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/zonkracht/zonkracht_kaartje_dag1.gif?' + now.getHours() + now.getMinutes() + now.getSeconds()) ;
	} else {
		$('#zonkrachtverwachting').attr("src", 'http://www.knmi.nl/waarschuwingen_en_verwachtingen/images/zonkracht/zonkracht_kaartje_dag0.gif?' + now.getHours() + now.getMinutes() + now.getSeconds()) ;
	}
}
//-->
</script>

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by i2Paq » Sun Jun 08, 2014 8:29 pm

A! Ik zie wat je bedoelt.

Staat even weer op de testomgeving hier.

Op de site van het KNMI werkt klikken op die dagen ook niet.

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands
Who is online

Users browsing this forum: No registered users and 20 guests