Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Call hidden div from imagemap
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Call hidden div from imagemap
#52373
Call hidden div from imagemap 2 Years, 10 Months ago Karma: 0
Hello,
I have a rather complex imagemap and want to call the Lightbox by clicking on mapped areas. Within the Lightbox I want to open several hidden <div>īs. For every mapped area another <div>.

Here a codesnippet:


SNIPPET OF MY IMAGEMAP

Code:


<!-- INSERT THE PICTURE -->
<img name="base" id="trivia" src="http://www.fonag.org.ec/inicio/images/Slide/aprender_jugando/paramo/pag3/base.png" width="655" height="219" border="0" usemap="#m_base" alt="" />
<!-- CREATE THE MAP -->
<map name="m_base" id="m_base"> 

<area shape="poly" id="chuquiraguaM" coords="304,195,311,195,314,197,316,201,323,199,328,197,331,200,332,203,338,204,346,204,355,205,364,205,368,204,373,202,373,200,373,198,377,195,376,193,375,192,377,189,377,184,376,181,374,181,372,182,371,180,373,176,375,173,372,173,369,174,369,172,368,170,365,170,366,168,367,166,368,161,369,159,366,158,364,158,364,154,365,150,363,149,359,150,358,149,358,145,357,145,352,149,351,145,349,145,346,150,346,152,344,152,342,151,341,153,341,157,339,157,338,154,336,152,334,154,333,156,331,154,328,153,328,156,327,159,324,155,323,158,323,163,323,167,321,167,315,164,309,162,309,165,305,165,303,165,304,169,306,171,304,174,300,173,300,177,301,182,303,183,302,185,302,188,304,190,303,193,305,195,304,195" onmouseover="chuquiraguaH()" onmouseout="original()" href="#TB_inline?height=219&width=655&inlineId=chuquiraguaBox" rel="sexylightbox" title="Chuquiragua Trivia" alt="" />





SNIPPET OF ONE OF MY HIDDEN DIV WHICH I WANT TO DISPLAY

Code:


<div id="chuquiraguaBox" style="display: none;">
<!-- INSERT THE PICTURE --> 
<img name="chuquiraguaBase" id="chuquiraguaBase" src="http://www.fonag.org.ec/inicio/images/Slide/aprender_jugando/paramo/pag3/chuquiraguaBase.png" width="655" height="219" border="0" usemap="#m_chuquiraguaBase" alt="" /> 
<!-- CREATE THE MAP --> 
<map name="m_chuquiraguaBase" id="m_chuquiraguaBase"> 
<area shape="rect" coords="327,148,503,163" onmouseover="CH3()" onmouseout="originalC()" alt="" onclick="alert('Correcto Pregunta 1');" /> 
<area shape="rect" coords="270,131,563,146" onmouseover="CH3()" onmouseout="originalC()" alt="" onclick="alert('Correcto Pregunta 2');" /> 
<area shape="rect" coords="237,115,593,130" onmouseover="CH3()" onmouseout="originalC()" alt="" onclick="alert('Correcto Pregunta 3');" />
 </map></div>




Yes, I installed the system everywhere PlugIn and it is activated.
Thats the link to website: fonag.org.ec/inicio/link2c
The Lightbox shall be called when clicking on the red flowers under the speaking bubble, on the bottom in the middle of the image.
I am working with Joomla 2.5.19.


Thanks a lot!
Last Edit: 2014/12/01 09:02 By clambio.
The administrator has disabled public write access.
 
#52375
Re:Call hidden div from imagemap 2 Years, 10 Months ago Karma: 667
Hello,

Is it possible to see the problem?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#52376
Re:Call hidden div from imagemap 2 Years, 10 Months ago Karma: 0
Sorry, just realised it.
Updated my question.
The administrator has disabled public write access.
 
#52377
Re:Call hidden div from imagemap 2 Years, 10 Months ago Karma: 667
Check that "System - ARI Sexy Lightbox" plugin is installed, enabled and configured. Set also "Load" parameter to "Always" in plugin settings.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#52378
Re:Call hidden div from imagemap 2 Years, 10 Months ago Karma: 0
That should be all good.
Here a screen of my settings.

s17.postimg.org/ogl7nsjyn/Screen_LB.jpg
The administrator has disabled public write access.
 
#52381
Re:Call hidden div from imagemap 2 Years, 10 Months ago Karma: 667
We wrote about "System - ARI Sexy Lightbox" plugin, not about "System - ARI Sexy Lightbox Anywhere" plugin.

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 12