Elxis CMS Forum

Extensions => Modules => Topic started by: dados on February 17, 2010, 02:30:59

Title: Pop up balloon description..
Post by: dados on February 17, 2010, 02:30:59
Can somebody tell me hove I can do this, or maybe Elxis have this module or component? I need description pop up balloon for links, but also when he click on link he must go on page with description, something like this plugin for Joomla http://orangoo.com/labs/GreyBox/ or this http://www.nonumber.nl/extensions/modalizer but actually this not work because when I click on link I do not go on page. Also this is example for balloon http://mckay.cshl.edu/wiki/index.php/MediaWiki_Balloon_Extension#Demo or this http://mckay.cshl.edu/balloons3.html can somebody help me???

Thanks!
Title: Re: Pop up balloon description..
Post by: datahell on February 17, 2010, 09:14:57
The GreyBox tells you exactly how to implement it. What more information you want?

Add the scripts to your template head section and then on the links you wish to be appeared in a grey box add something like this:
 rel="gb_page_fs[]"

That's all.
Title: Re: Pop up balloon description..
Post by: dados on February 17, 2010, 15:31:58
Yes but GreyBox is Joomla plugin, but problem is client, if I put this script and if need to change I can do it, but client can not, he do not know coding and he ask me if I can do it like module for easy edit.... :-)
Title: Re: Pop up balloon description..
Post by: webgift on February 17, 2010, 16:41:30
As you insert an Content Item on Elxis ...there is the opportunity to edit this article in "Html" you find the code and you add the :  rel="gb_page_fs[]".
Αfter you add your photo (small image analysis) and link it (in high resolution photo) -->

Like :

<a  title="title_here" rel="gb_page_fs[]" href="../large_image.jpg"><img src="../your_small_image.jpg" alt="title here" width="250" height="180" /></a>

I don't think that it's difficult but more a Habit!

The main condition:

Add the scripts to your template head section and

Example here :

 Look the photo and click on it (http://www.texnomesitiki.gr/enimerosi-real-estate/ilektroniki-enimerosi/prasina-spitia.html) !!! 
It's weebox technology. More information here : http://www.weebbox.com/
Title: Re: Pop up balloon description..
Post by: ks-net on February 17, 2010, 19:13:52
just a note..

tinymce will probably remove the "rel="  from the <a> tag.. if so then

to override this limitation you need to modify mambots/editors/tinymce.php at line  ~295 to add "rel" to extended valid elements

   $out .= 'invalid_elements : "'.$invalid_elements.'",'._LEND;
   $out .= 'extended_valid_elements : "a[href|rel|id|target|name|class|style|title]",'._LEND;
   $out .= 'remove_linebreaks : "'.$remove_linebreaks.'",'._LEND;

add there the red line as shown above.

OFFTOPIC
$webGift i see you got more dynamically in work.... in your new position ;D

congratulations for your new community position!  :D
Title: Re: Pop up balloon description..
Post by: webgift on February 17, 2010, 19:22:45
Thanks a lot Kosta !!!  ;D
I try to do my best and with learning everyday and something on Elxis World !!!  ;D ;D
Title: Re: Pop up balloon description..
Post by: CREATIVE Options on February 17, 2010, 19:27:51
@$webGift Welcome to Elxis Community :)
Title: Re: Pop up balloon description..
Post by: webgift on February 17, 2010, 19:29:51
Welcome I found you Nikos ... ( Έχουμε ένα θέμα με τα αγγλικά  .. θα το παλέψω πάντως.)
Title: Re: Pop up balloon description..
Post by: datahell on February 17, 2010, 19:54:28
Yes but GreyBox is Joomla plugin... :-)

GreyBox is NOT a joomla plugin, it is an autonomous script. Just add a "rel" attribute to any link and you are done.
Title: Re: Pop up balloon description..
Post by: dados on February 17, 2010, 20:59:15
Yes but GreyBox is Joomla plugin... :-)

GreyBox is NOT a joomla plugin, it is an autonomous script. Just add a "rel" attribute to any link and you are done.

Uff yes I see it now...
Title: Re: Pop up balloon description..
Post by: datahell on February 17, 2010, 21:03:40
 ;D
Title: Re: Pop up balloon description..
Post by: CREATIVE Options on February 18, 2010, 00:05:39
CSS Trick :)

CSS Code:
Code: [Select]
h2[rel=friend] {
   /* HMMM ;) */
}

HTML:
Code: [Select]
<h2 id="first-title" class="magical" rel="friend">Elxis CMS</h2>

You can found more at:
Code: [Select]
http://css-tricks.com/attribute-selectors/
Title: Re: Pop up balloon description..
Post by: webgift on February 18, 2010, 09:29:15
Ι Like this post Sirigos. ;) ;D
Title: Re: Pop up balloon description..
Post by: CREATIVE Options on February 18, 2010, 12:51:01
I am glad to help.
Title: Re: Pop up balloon description..
Post by: dados on February 19, 2010, 03:42:18
Hmmm Sirigos, I am very sorry but actually I am not so good with code to understand what you want to say with this code :-) whether it helps in my case  ???

Also I wanted to ask, if somebody can or want to help me :-) and create another, new bot for Elxis, bot will be pop up in content, I saw on this link very good and best solution for this http://www.lbm-services.de/index.php?option=com_content&view=article&id=22&Itemid=46 and actually I need last one example "Invisible Inline Content" where I can put text and when someone click on link, text will be show in pop up, I try to implement this plugin for Elxis, but I failed :-)  :-[ I was change .xml file also in php file I was change some strings but always I get error, this plugin was based on this script http://jquery.com/demo/thickbox/ and if somebody can do it, it will be great !!!  :D

Thank you very much...
Title: Re: Pop up balloon description..
Post by: webgift on February 19, 2010, 09:27:04
I think dados that before we choose what technology to use for elxis it will be a good idea to visit first this site : http://planetozh.com/projects/lightbox-clones/
I believe that it's great!
Title: Re: Pop up balloon description..
Post by: dados on February 19, 2010, 20:59:43
Thank you I will see this, this is something like database with scripts?
Title: Re: Pop up balloon description..
Post by: webgift on February 20, 2010, 13:17:55
No. You will never use database.
You must insert right the code that you give the examples script in your template.!