• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: How can i implement a information image in my form

How can i implement a information image in my form 16 years 7 months ago #4822

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
Hi,
I would like my form to display the blue round circle image with an i (information) letter inside. This should work like this: when the user puts the cursor over it, he will see an information/help text.

I might be blind, but i just cannot find a component in RSForms which does this.

Anyone who knows where/how i can implement such a help-function in my form??

Post edited by: nettemor, at: 2008/09/25 20:23<br><br>Post edited by: nettemor, at: 2008/09/25 20:24
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4847

Please can you inform about your joomla version and post here your form template ? I will explain it on your own form template. If you use joomla 1.5 it is really easy. But if you do not use joomla 1.5 we can make it by css.
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4852

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
Hi joomlacup,
Thanks a lot for helping me out here, - really appreciate it.

Joomla version is 1.5.7
Not sure what you want me to post, but takes a chance that it is the form code:



Looking forward to hear your answer :)

Post edited by: nettemor, at: 2008/09/27 00:06
SOMEHOW I AM NOT ABLE TO POST THE WHOLE TEXT I WANTED IN THIS POST, SO I HAVE INCLUDED THE FORM CODE IN THE ENCLOSED TEXT FILE INSTEAD.

Attachment myform.txt not found

<br><br>Post edited by: nettemor, at: 2008/09/27 00:09
Attachments:
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4853

Attachment myform-e7c2ec7ddcb4365dbd93703a880383e3.txt not found

Attachments:
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4854

Please can you download and read exaplanation about code because I can't post it here. Shows to me error when I want to post it.

Attachment explanation.txt not found



Error here maybe admin can solve this problem I have same problem with ticket system, when I want to add code.

Forbidden access

(<br><br>Post edited by: joomlacup, at: 2008/09/27 05:43
Attachments:
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4855

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
Hi,
and thank you soooooo much :)

I seem to figure this out, but will try it within a couple of hours (need to attend a childrens party first..:) )

But where can i find the icon image ?
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4856

You can download icon from this website -> www.freeiconsdownload.com/ -> www.freeiconsdownload.com/Free_Web_Icons.asp

I tried code which I attached above it works fine.

Post edited by: joomlacup, at: 2008/09/27 16:25<br><br>Post edited by: joomlacup, at: 2008/09/27 16:26
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4860

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
I have now tested it and it works GREAT!!!

Thanks a lot for taking the time to help out :)
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4861

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
Hi again,

seems i cannot get the styling to work.

I have included the following in the template_css.css file:

.tool-tip { float: left; background: #444; border: 1px solid #000; width: 175px; padding: 0; }
.tool-title { font-size: .95em; font-weight: bold; margin: 0; padding: 5px 5px; background: #777; color: #fff; border-bottom: 1px dashed #000;}
.tool-text { font-size: .95em; margin: 0; padding: 5px 5px; color: #eee; }

I have included the following in the template index.php:

window.addEvent('domready', function(){
var myTips = new Tips($$('.toolTipImg'));
});

The tooltip is working fine, - but it is just a yellow tooltip. Seems i cannot get the styling/mootools to work. I cannot see the black infobox/styling as shown in tips1 at demos111.mootools.net/Tips
The one thing i also notice is that we are reffering to a class named toolTipImg but this class is not set in the css file?

So, could it be i am missing mootools, and do i have to include it somehow ?

Do you have any idea ?
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4862

Sorry I forget to remember that you have this css code in your css file already. Please can you find it in your css file and remove this old code ? If you can not find please sent to me your template_css.css file I will solve it for you.
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4863

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
I have enclosed my css file, but seems i cannot find any old code of these classes.
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4864

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
here is the file, was not able to upload the .css file so i have saved it as .txt

Attachment template_css.txt not found

Attachments:
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4868

Hi,

Sorry I have one more question, Is there any different css file in your template css folder ? Because some templates have css files more than one.

And did you put code between <head></head> tag which is bellow ; I can't here /</ and />/ for script

script type=\"text/javascript\"
window.addEvent('domready', function(){
var myTips = new Tips($$('.toolTipImg'));
});
/script

Because you wrote in your post above that you put code in index.php which is below;

window.addEvent('domready', function(){
var myTips = new Tips($$('.toolTipImg'));
});<br><br>Post edited by: joomlacup, at: 2008/09/28 04:23
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4873

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
Yes i have several temlate files in my folder, but none of the files have the .tool-tip / .tool-title / .tool-text classes within them.

And i have put the javascript code between the head tags, and also used \"script type=... \"
I just did not put it in here cause seemed that this forum would not accept the script tag.
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4876

Website is online or your work localhost ? If online please can you give to me adress for check it ?

Because I created form on joomla default theme for 1.5 and just added code which I sent you and it work really fine, has black backround for info and grey background for title.
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4882

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
It's under developement here: xxxx<br><br>Post edited by: nettemor, at: 2008/09/28 21:46
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4883

Hi,

I checked website and looks like everything ok. Only you have an other javascript library JQuery maybe it can create problem for mootools function, when you use two different library some time it creates problem about functions. Maybe can find another tips function for jquery from ajaxrain.com and try it.

You can see demo for just css this will not create any problem because doesn't use any javascript function;
trentrichardson.com/examples/csstooltips/

This is second demo for jquery you can see example and all explanation about is adress bellow;
edgarverle.com/BetterTip/default.cfm

And last example which I use on my own website www.joomlabased.com for favicon advertisement on the left site you can see on action when you come on logos. This is only css based, you can find it bellow;
www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/<br><br>Post edited by: joomlacup, at: 2008/09/28 20:33
The administrator has disabled public write access.

Re:How can i implement a information image in my form 16 years 7 months ago #4886

  • nettemor
  • nettemor's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
I guess the two javascript libraries could be the problem.

But i can use one of your other examples, - just as good :)

Thank you so much for sticking with me on this thread, - you have been an angel and i really appreciate it ! :) :)
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!