Response title
This is preview!
Move this topic
[jQuery] [tooltip] help please
in Using jQuery
•
13 years ago
am not getting the stylized popup window (generic yellow box instead).
all files in my server root folder. please help this newbie; this in
head:
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script src="jquery.bgiframe.js" type="text/javascript"></script>
<script src="jquery.tooltip.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.tooltip.min.js"></script>
<script type="text/javascript" src="jquery.dimensions.js"></script>
<link rel="stylesheet" href="jquery.tooltip.css" />
<script type="text/javascript">
$(function() {
$('#set1 *').tooltip();
}
</script>
this in body:
<fieldset id="set1">
<label title="A label with a title and default settings, no href
here" for="text1">Write something.</label>
<br/>
<input title="Your input generates a database driven, interactive
response based on subject key words." type="text" value="Test"
name="action" id="text1"/>
</fieldset>
Replies(13)
Re: [jQuery] [tooltip] help please
13 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000066">
just went through that download today to implement. I ended up grabbing
screen.css from project demo site and found some of the tooltip
components on there and all works well
paulmo
Leave a comment on charlietfl's reply
Re: [jQuery] [tooltip] help please
13 years ago
Paul,
Two suggestions:
1) remove the dimensions plugin script (it's integrated into jQuery as of
this version)
2) close your doc ready function with parens & semicolon:
$(function() {
$('#set1 *').tooltip();
});
SEAN O
http://www.sean-o.com
paulmo
Leave a comment on seanodotcom's reply
Re: [jQuery] [tooltip] help please
13 years ago
thanks for replies. applied sean o's corrections and found/applied
screen.css (below); script's still not executing. other suggestions?
thanks
html, body, div, span, applet, object, iframe,
2h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3a, abbr, acronym, address, big, cite, code,
4del, dfn, em, font, img, ins, kbd, q, s, samp,
5small, strike, strong, sub, sup, tt, var,
6dl, dt, dd, ol, ul, li,
7fieldset, form, label, legend,
8table, caption, tbody, tfoot, thead, tr, th, td {
9 margin: 0;
10 padding: 0;
11 border: 0;
12 outline: 0;
13 font-weight: inherit;
14 font-style: inherit;
15 font-size: 100%;
16 font-family: inherit;
17 vertical-align: baseline;
18}
19fieldset {
20 border: 1px solid black; padding: 8px; margin: 8px 0;
Leave a comment on pmollomo's reply
Re: [jQuery] [tooltip] help please
13 years ago
just copied entire demo page code as new file and checked links to
external files...stylized boxes still don't execute. i do get the
yellow windows tooltip with text, but not the stylized tooltips. the
css appears to be working otherwise.
help?
Leave a comment on pmollomo's reply
Re: [jQuery] [tooltip] help please
13 years ago
Got a page that can be viewed online or
some code we can review?
Rick
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery-en@googlegroups.com] On
Behalf Of paulmo
Sent: Sunday, March 01, 2009 9:10 AM
To: jQuery (English)
Subject: [jQuery] Re: help please
just copied entire demo page code as new file and checked links to external
files...stylized boxes still don't execute. i do get the yellow windows
tooltip with text, but not the stylized tooltips. the css appears to be
working otherwise.
help?
Leave a comment on rfaircloth's reply
Re: [jQuery] [tooltip] help please
13 years ago
sure, thanks:
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script src="jquery.bgiframe.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.tooltip.min.js"></script>
<link rel="stylesheet" href="jquery.tooltip.css" />
<link rel="stylesheet" href="screen.css"/> //this code in previous
message
<script type="text/javascript">
$(function() {
$('#set1 *').tooltip();
});
</script>
this in body:
<fieldset id="set1">
<label title="A label with a title and default settings, no href
here" for="text1">Write something.</label>
<br/>
<input title="Your input generates a database driven, interactive
response based on subject key words." type="text" value="Test"
name="action" id="text1"/>
</fieldset>
Leave a comment on pmollomo's reply
Re: [jQuery] [tooltip] help please
13 years ago
I took the code of the plug-in demo page and stripped everything
down to what you have (plus html, title, and body tags) and
I still get the styling (gray background with 1px solid black border)
on the first example.
Just to triple-check, you do have all your .js and .css files in the
same folder as your page containing the code below, right? (Joern does
have his .js and .css in various folders)
If you do, then I'm not sure what the problem could be. I'll send
you my HTML page and you can copy it to make sure we've got the same
code.
Let me know what happens...
Rick
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery-en@googlegroups.com] On
Behalf Of paulmo
Sent: Sunday, March 01, 2009 2:49 PM
To: jQuery (English)
Subject: [jQuery] Re: help please
sure, thanks:
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script src="jquery.bgiframe.js" type="text/javascript"></script> <script
type="text/javascript" src="jquery.tooltip.min.js"></script>
<link rel="stylesheet" href="jquery.tooltip.css" /> <link rel="stylesheet"
href="screen.css"/> //this code in previous message
<script type="text/javascript">
$(function() {
$('#set1 *').tooltip();
});
</script>
this in body:
<fieldset id="set1">
<label title="A label with a title and default settings, no
href here" for="text1">Write something.</label>
<br/>
<input title="Your input generates a database driven,
interactive response based on subject key words." type="text" value="Test"
name="action" id="text1"/>
</fieldset>
Leave a comment on rfaircloth's reply
Re: [jQuery] [tooltip] help please
13 years ago
thanks for the feedback rick. it's working now and as is often the
case here, not sure why. had to do with the order of several js in the
head section.
however, my fonts are changed now, and though i scan the screen and
tooltip.css files, not getting a font option that adjusts all the text
equally. screen.css has font %, but it doesn't apply to page font and
tooltip box font the same; tooltip font is always bigger and in bold
(?) and i want all font uniform and not bold.
also, rounded corners possible on tooltip box?
thanks
Leave a comment on pmollomo's reply
Re: [jQuery] [tooltip] help please
13 years ago
Glad you're making some progress...
With the css, I'd start by commenting out sections
of his css to see which parts affect the one you're
working on. His css is going to be much more complex
than necessary for your purposes since his css is for
all the examples on the demo page.
But comment out the sections one-at-a-time (commenting
out one, then add another, etc.) and see what happens.
He's probably using the cascade effect, too, which makes
determining what css is affecting what display all the
more difficult.
Rick
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery-en@googlegroups.com] On
Behalf Of paulmo
Sent: Sunday, March 01, 2009 8:11 PM
To: jQuery (English)
Subject: [jQuery] Re: help please
thanks for the feedback rick. it's working now and as is often the case
here, not sure why. had to do with the order of several js in the head
section.
however, my fonts are changed now, and though i scan the screen and
tooltip.css files, not getting a font option that adjusts all the text
equally. screen.css has font %, but it doesn't apply to page font and
tooltip box font the same; tooltip font is always bigger and in bold
(?) and i want all font uniform and not bold.
also, rounded corners possible on tooltip box?
thanks
Leave a comment on rfaircloth's reply
Re: [jQuery] [tooltip] help please
13 years ago
aside from font % which affected the page font and tooltip font
differently, i couldn't find any css that stylized the tooltip font,
so i'm using css tooltip, where i have more control over appearance
but no text-box click, tooltip-off feature! that's my favorite thing
joern's script.
as a newbie to js frameworks, i'm noticing the difficulty with styling
makes me want to find my own solutions (like in this case). for
example i like yahoo's yui, but it seems like i'm sacrificing my page
styling to the yui script. their tooltip is a div, which takes up a
chunk of my page, when i need the feature nested within my own div
(which either isn't possible with yui or i don't know how to do it).
knowing nothing about js other than how complex it seems, i'm
relegated to framework or find css or php solutions. (i do use jquery
corners; it's great!)
your suggestions appreciated.
Leave a comment on pmollomo's reply
Re: [jQuery] [tooltip] help please
13 years ago
After looking through everything, all I can say
is that it looks like re-styling the tooltips is
quite difficult. The styling is affected by
jquery.tooltip.css, screen.css, and jquery.tooltip.js.
Joern dynamically changes the css for the tooltips
in jquery.tooltip.js.
Does he give any clues about the best procedure for
changing the style of the tooltips on the plug-in site?
Surely he goes...
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery-en@googlegroups.com] On
Behalf Of paulmo
Sent: Monday, March 02, 2009 12:17 PM
To: jQuery (English)
Subject: [jQuery] Re: help please
aside from font % which affected the page font and tooltip font differently,
i couldn't find any css that stylized the tooltip font, so i'm using css
tooltip, where i have more control over appearance but no text-box click,
tooltip-off feat that's my favorite thing joern's script.
as a newbie to js frameworks, i'm noticing the difficulty with styling makes
me want to find my own solutions (like in this case). for example i like
yahoo's yui, but it seems like i'm sacrificing my page styling to the yui
script. their tooltip is a div, which takes up a chunk of my page, when i
need the feature nested within my own div (which either isn't possible with
yui or i don't know how to do it).
knowing nothing about js other than how complex it seems, i'm relegated to
framework or find css or php solutions. (i do use jquery corners; it's
great!)
your suggestions appreciated.
Leave a comment on rfaircloth's reply
Re: [jQuery] [tooltip] help please
13 years ago
there's no instructions for changing style and author recommends this
forum for questions, so thanks for offering guidance. regards
Leave a comment on pmollomo's reply
Re: [jQuery] [tooltip] help please
13 years ago
It seems like the only option is just experimenting with
the CSS. But, instead of experimenting with his CSS, you
might just strip all of his out that you can and start over.
At least that way you'll have a better idea of what is going on.
I've always used ClueTip, so I'm sorry I can offer your guidance
from experience. Perhaps others on the list can step up.
Or, you might do some search on Google for "How to style the
jQuery ClueTip plug-in". Perhaps that will provide some help, too.
Rick
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery-en@googlegroups.com] On
Behalf Of paulmo
Sent: Monday, March 02, 2009 6:37 PM
To: jQuery (English)
Subject: [jQuery] Re: help please
there's no instructions for changing style and author recommends this forum
for questions, so thanks for offering guidance. regards
Leave a comment on rfaircloth's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to pmollomo's discussion
{"z287397":[14737000000385989],"z268316":[14737000000385995,14737000000385999,14737000000386003,14737000000386007,14737000000386011],"z2964109":[14737000000385985,14737000000385991,14737000000385993,14737000000385997,14737000000386001,14737000000386005,14737000000386009],"z1411412":[14737000000385987]}