/    Sign up×
Community /Pin to ProfileBookmark

please help me with this image tooltip…

things are very simple but it bothering me for a while… now,

[URL=”boki.pondi.hr/bookshop/index2.html”]boki.pondi.hr/bookshop/index2.html[/URL] – simple pure short javascript crossbrowser code for image tooltip on mouseover, and it works perfectly for me (FF & IE)

[URL=”boki.pondi.hr/bookshop/index.html”]boki.pondi.hr/bookshop/index.html[/URL] – link for simple xml catalog and table derivated from xml using simple javascript. That javascript code you can see in: VIEW-> PAGE SOURCE; or in IE: PAGE-> VIEW SOURCE; and .js file which is included in html named: Scripts/products.js … ya know what i’m talkin bout…

1.
now, the problem occure somewhere when i try to merge that dinamically derivated table with same bullet picture for every book, and that simple onmouseover image tooltip effect, but with image corresponding to file path written in catalog.xml in picture attribute.

2.
as u can see in index.html there is: window.onload = function() {buildProductsList(‘products’,’politics’);} which loads table named products based on category of politics in this case. now what code to insert and where, when i want, for example, put 3 buttons somewhere around table, one for each category and when clicked, do the table REFRESH first and then list all items from xml corresponding to category clicked.

i’m very sure that many of u knows exactly what i want here, please help me with short school simple solution how to do that, what are those few lines of code that i missed (don’t work in IE and tooltip in IE&FF) and where exactly to put them. i maximally simplified that html xml & javascript code so u can better and quicker see what to do.

i’m sure too that this example will be usefull to many others round here

i would be so thankful to everybody who want to give a little help with some tips, just please be very simple…

to post a comment
JavaScript

7 Comments(s)

Copy linkTweet thisAlerts:
@holyhttpSep 29.2010 — 1) If you want to the image to be taken from an attribute value in your XML file then you must make sure that the image URL is a parameter of the function or something similar so you can get its value.
Copy linkTweet thisAlerts:
@boki3000authorSep 29.2010 — offcorse i have to, that's not the problem, the problem is that i tried solve it many ways, and i can't make it alone and i have faith in people on this forum who solved many more complexed problems to help me with this, please give me specifically lines of code - i'm sure there are just a few lines... thanks again, if no one can't really give some good tips i'll ask in some other forum, beacause i ask this 4 months ago but now with max. simplified example, however thanks peeps...
Copy linkTweet thisAlerts:
@boki3000authorSep 29.2010 — i made some progress from yesterday, but only some, and allways that part is missing when trying things in IE, damn IE.

http://boki.pondi.hr/bookshop/index.html

now i put all in html for u to see all scripts in one (css style for table and tooltip; javascript for tooltip; javascript for pulling data from xml based on category - politics in this example)

JUST GO: View -> Page Source...

works all fine in all other browsers but not in IE, even the same thing works in IE on my http://boki.pondi.hr/bookshop/index2.html page where is just non dinamical image placeholder and tooltip effect.

please, ...please give me some tips

THANKS
Copy linkTweet thisAlerts:
@boki3000authorSep 29.2010 — in IE everything works but tooltip image doesn't follow the mouse, and on bullet mouseover it appears at upper-right corner of that same <td> overlaping the little bullet image so it can't then be moseout-ed to hide tooltip.

what to change to make it work in IE, c'mon ???
Copy linkTweet thisAlerts:
@boki3000authorSep 30.2010 — now i tried to implement jquery example "Magnify" at:

http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm , as you can see at my test page:

http://boki.pondi.hr/jqmagnify/index.html

original script works in apsolutely all browsers, and when i implement it in my dinamically derivated table, the images are shown but nothing happens on click like in case of the first one bullet.jpg (not dinamically inserted) in table header.

i also inserted

oImg.setAttribute(window.event?"className":"class","magnify");

to all loaded images

Q: is that easier to fix than my first try with that so-pure script?

does anybody knows someone who knows someone who knows to solve this?
Copy linkTweet thisAlerts:
@boki3000authorSep 30.2010 — here i tryed with simple css hover tooltip

http://boki.pondi.hr/csstooltip/index.html

seems to me that it works properly only in FF...

what it can be done here to make it works?

please someone give me a tips on any of this ways to make at least one kind of tooltip work, otherwise i'll be disapointed with this forum at all... ;(p
Copy linkTweet thisAlerts:
@boki3000authorOct 03.2010 — thanks for nothing; no tip, no suggestion, no word, i can't believe...

really tnx!!!
×

Success!

Help @boki3000 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...