[jQuery] Re: looking for plugin that presets values in text box
$('input').focus(function() { $(this).val(null); });
On Jan 5, 2008 8:45 PM, Bhaarat Sharma [EMAIL PROTECTED] wrote:
Hi,
some time ago I saw a jquery plugin which would preset the value in a
text box and when users' cursor came to that text box...the preset
value would go away. it was sort of there to let the user know what
format should be in this text field.
I cant recall the name of the plugin.
Wondering if someone can help me find this plugin?
--
http://morglog.alleycatracing.com
Lets make up more accronyms!
http://www.alleycatracing.com
LTABOTIIOFR! ROFL! ROFL! ROFL!
Upcoming alley cats, reviews, touring logs, and a general congregation of
bike nerdity.
[jQuery] $('table tr').hover() not working in IE
This is my jQuery code:
$('table tr').hover(
function() {$(this).addClass('hover');},
function() {$(this).removeClass('hover');
});
This is my CSS:
tr.hover {background-color:#E6;}
tr.hover a{color: #4F839F}
tr.hover a:hover{background:none; font-weight:bold; color: #4F839F}
This works fine in Firefox - it turns the background color light blue
and sets the links inside that tablerow to a darkblue.
In Internet Explore 7.0 (possibly others, but i havent tested in older
ones yet) it only changes the color of the links - it does NOT change
the color of the tablerow background-color.
Does anyone have any idea what might be causing this?
Thanks
Bryan Migliorisi
[jQuery] Re: Question about the mailinglist
Hello, I think I found the necessary option: When I click in the topic on options and there on send updates to me I think I'll get a mail about new statements :) On 31 Dez. 2007, 02:46, Jeferson Koslowski [EMAIL PROTECTED] wrote: The mailing list itself does not provide this feature, but I think u can acquire this creating a filter in ur mail client. On Dec 22, 2007 2:48 PM, psy* [EMAIL PROTECTED] wrote: Hello, is it possible to receive only responds to questions that I asked in the mailinglist directly? thanks :)
[jQuery] Re: Binding a function to dynamically generated markup does not work
Don't forget you have to apply your behaviors (the change() in this case) AFTER the dynamic element has been added to the DOM. I don't think it's going to work if you apply the handlers THEN add the element to the DOM. hmm... something for me to try next time I open up my editor... :) Shawn guellichs-erbe wrote: Hello *, I've dynamically ( per javacript) generated select/ lying in a div container (statically defined in body/). It does not work to bind a function to this select ($ (#id_of_select).change(...). $(#id_of_div).change(...) does work and is my workaround at the moment. But this means, that it is impossible to generate markup only dynamically, you always have to define your div/span/wathever containers. Is this right? Happy jQueriying Uli
[jQuery] Re: build my first jquery plugin multiselect
- Hi, you should have pressed the text open to see sth happen. djot - Quinode wrote: I'm french, my english isn't better I tried the demo under firefox 2 but select the menus did nothing ? -- View this message in context: http://www.nabble.com/build-my-first-jquery-plugin---multiselect-tp14618054s27240p14635647.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] height of a hidden element
Is posible that if i have a hidden div i cant get his height?
I want to increase or decrease some font sizes according to the max
height of those 3 divs to using with cycle plugin but because im only
showing one at a time and the rest are hide i getting 0 as height
$('#rotate div .item')
.each(function() {
$(.msg).append($(this).height() + '-');
}
);
div ir=rotate
div class=item
img src=test1.jpg
p.../p
/div
div class=item
img src=test2.jpg
div class=other
p.../p
p.../p
/div
/div
div class=item
p.../p
p.../p
p.../p
/div
/div
[jQuery] Re: drag'n'drop, double added element
I put a bug in for UI (months ago) that demonstrated that the drop
function was running twice (the bug # was around 1542 or so -
http://dev.jquery.com/report doesn't show any bugs for me, although
I've entered several plus it gives me a MySQL error when I try to do a
custom search)
Don't know if the double drop bug was ever fixed or if this could be
your problem.
On Jan 5, 12:13 pm, quard [EMAIL PROTECTED] wrote:
Hello. I'm trying to create drag'n'drop interface with jQuery UI.
See code for adding to node.
$(#dropzone).droppable({
accept: '.imagethumb',
activeClass: 'droppable-active',
hoverClass: 'droppable-hover',
drop: function(ev, ui) {
var id = $(ui.draggable.element).attr(id);
var src = $(# + id).find(img)[0];
src = $(src).attr(src);
var el = $(img/).attr(id, id +
d).attr(src,src).addClass(draggable).draggable({revert: true});
$(#dropzone).append(el);
}
});
If I drop element without FireBug checking and debugging,.I have two
element, (then 4, 6, 8, 10 and etc)
But if I create breakpoint and debug script only one element added.
Can't understand how it happens and what to do =(
[jQuery] Extract a script from script.src with a script
This is a bit of an odd request, but maybe there's something simple I'm overlooking. I have a function which pulls JSON data from Google's GData service. Normally this works pretty well, save a bug or two on Google's end. The problem is that errors are served as a plain text string without a JSON wrapper. This throws a parse error in the browsers. What I want to do is read that string. Is there a way to extract/view/read the script contents of an external script with a script? I want to use JQuery or raw JavaScript to read the returned value. The string is visible in the web inspectors in Safari and Firefox, but nothing I've come up with has managed to reveal it. The only real catch here is that the solution must be 100% client- side, there can be no server-side proxy.
[jQuery] Re: Not recognizing multiple classes
What happens if you change:
$(p[class='+whichClass+']).show();});
to
$(p.'+whichClass+']).show();});
?
Or what about * selector:
http://docs.jquery.com/Selectors/attributeContains#attributevalue
//show any straggling, hidden p's with the right class
$(p[class*='+whichClass+']).show();});
In the end you might have to iterate over the divs to find classes.
On Jan 6, 10:34 am, Kyle [EMAIL PROTECTED] wrote:
I'm trying to hide all items tagged with a specific class upon
clicking on a span with a similar tag.
$(#tags span).click(function(){
var whichClass = $(this).attr(class);
//hide all the p's that do not match the class clicked
$(p[class!='+whichClass+']).hide();
//show any straggling, hidden p's with the right class
$(p[class='+whichClass+']).show();});
div id=tags
span class=firstFirst/span
span class=secondSecond/span
/div
div
p class=firstSome text/p
p class=secondSome more text/p
p class=first secondEven more text/p
/div
Clicking first shows the first p, and hides the rest. Clicking second
shows the second p, and hides the rest. However, each, upon clicking,
should not hide the third p. It seems that $(p[class!='+whichClass
+']) matches exactly, rather than matching by mere containing.
Any suggestions for how to have the jquery recognize multiple classes?
Thanks
[jQuery] Re: looking for plugin that presets values in text box
On Jan 5, 11:45 pm, Bhaarat Sharma [EMAIL PROTECTED] wrote:
Hi,
some time ago I saw a jquery plugin which would preset the value in a
text box and when users' cursor came to that text box...the preset
value would go away. it was sort of there to let the user know what
format should be in this text field.
you don't need any plugin, jQuery can handle it directly:
$('form#myform [EMAIL PROTECTED]').val('please enter
here').click(function() {
if (this.value == 'please enter here') this.value = '';
});
lihao(XC)
[jQuery] Need
Hi, I recently started learning about jQuery and I have not worked much on javascript. I am basically a server side java developer. I need some help from experienced jQuery developers for below issue.. I have a table which has 6 menu items (anchor tags)... Selected Menu Item will have black.jpg image in td tag's background while all the other tabs will have red background. There is blackl.jpg and blackr.jpg image in case of first and last selected menu and redl.jpg and redr.jpg in other cases What should I write in my jQuery function? table width=632 border=0 cellspacing=0 cellpadding=0 tr td width=7 height=26 align=rightimg src=images/blackl.jpg width=7 height=26 //td-- td width=70 align=center background=images/blackbg.jpg a href=s:url value=url/ class=menuA/a/td td width=90 align=center background=images/rboxbg.jpg a href=s:url value=url/ class=menuB/a/td td width=90 align=center background=images/rboxbg.jpg class=menua href=s:url value=url/ class=menuC/a/td td width=129 align=center background=images/rboxbg.jpga href=s:url value=url/ class=menuD/a/td td width=100 align=center background=images/rboxbg.jpga href=s:url value=url/ class=menuE/a/td td width=83 align=center background=images/rboxbg.jpga href=s:url value=F/ class=menuF/a/td td width=10 align=leftimg src=images/menur.jpg width=7 height=26 //td /tr /table
[jQuery] Need some help
Hi, I recently started learning about jQuery and I have not worked much on javascript. I am basically a server side java developer. I need some help from experienced jQuery developers for below issue.. I have a table which has 6 menu items (anchor tags)... Selected Menu Item will have black.jpg image in td tag's background while all the other tabs will have red background. There is blackl.jpg and blackr.jpg image in case of first and last selected menu and redl.jpg and redr.jpg in other cases What should I write in my jQuery function? table width=632 border=0 cellspacing=0 cellpadding=0 tr td width=7 height=26 align=rightimg src=images/blackl.jpg width=7 height=26 //td-- td width=70 align=center background=images/blackbg.jpg a href=s:url value=url/ class=menuA/a/td td width=90 align=center background=images/rboxbg.jpg a href=s:url value=url/ class=menuB/a/td td width=90 align=center background=images/rboxbg.jpg class=menua href=s:url value=url/ class=menuC/a/td td width=129 align=center background=images/rboxbg.jpga href=s:url value=url/ class=menuD/a/td td width=100 align=center background=images/rboxbg.jpga href=s:url value=url/ class=menuE/a/td td width=83 align=center background=images/rboxbg.jpga href=s:url value=F/ class=menuF/a/td td width=10 align=leftimg src=images/menur.jpg width=7 height=26 //td /tr /table
[jQuery] Re: LIVE jQuery
Thank you all so much! Let me go try to understand this..I might post back with some questions :) I have heard of the COMET, I will read that article do you know of any examples of code or logic using jquery and how I would use that? http://www.jasons-toolbox.com/JHeartbeat/ For that above, could that work here: http://rksdesignstudios.com/magnet/ I want to have it live to keep it updated, etc. Thanks so much So after refreshing, I have the x/y being stored in the database then loaded via PHP and jQuery. Anyone up for talking me through some stuff, just for I can have something to quickly talk about with someone to clear some stuff up. I appreciate your help! Ryan
[jQuery] Re: XML Processing
personally, i love using jquery thusly for parsing xml
var xml = data;
var path = subscr.SubscribersubscriberId;
for (var i=0;i$(path,xml).length;i++){
alert( $(+path+:eq(+i+)).text() )
}
On Jan 4, 3:09 pm, Jamie [EMAIL PROTECTED] wrote:
Hey,
I am attempting to process an XML document using jQuery but am hitting
a brick wall. I've looked all over the web and it looks like this
should be a very simple thing to do but I keep getting the error
Object does not support this property or method..
I'm using jQuery 1.2.1 in IE6. I've switched to the unpacked version
of jQuery and IE is reporting the error is happening on line 1363,
which turns out to be the following line:
r = jQuery.merge( r, ret[i].getElementsByTagName( tag ));
I've simplified my code as much as possible to eliminate as many
complications as possible. The code I am executing is the following:
var xml =
subscr.Subscriber +
subscriberId1/subscriberId +
subscriberNameDefault customer/subscriberName +
/subscr.Subscriber;
alert(xml); // Verify xml contents
var xmlData = jQuery(xml);
alert(xmlData.length); // Not sure what the length should be,
// but just checking the xmlData was
created properly
var id = xmlData.find('subscriberId').text(); // Crashes here
alert(id); // Should output '1' if it makes it here
I've also tried an alternate method of selecting my value, namely:
jQuery('subscriberId', xml).text();
but this fails to at the same point.
Am I doing something wrong or missing something in my code? Has
anyone else encountered this error message?
Thanks in advance,
Jamie Goodfellow
[jQuery] Re: looking for plugin that presets values in text box
$('form#myform [EMAIL PROTECTED]').val('please enter
here').click(function() {
if (this.value == 'please enter here') this.value = '';
});
The downside to changing the value attribute is that the please enter
here text will be submitted with the form if the user doesn't enter
any value before submitting. You can use some validation javascript to
look for the values and display an error message. Or, you could use
something like the overlabel plugin, which places the prompt above the
form element without changing the value.
http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/
[jQuery] Re: Regarding jQuery form plugin
Jack,
Does this all work correctly without JavaScript? I suspect not. When
uploading files, the Form Plugin does a native, non-ajax submit. I
think you need to first sort out what the issue is without using the
plugin, and then add it back in once you've got that solved.
Mike
On Dec 30, 2007 10:01 PM, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Hi ..
I built a multiple form uploader that uploads multiple files. I have
it working exceptionally except that when i changed the url of the
POST to or Action field to provide access to the cookies that come
with the form post - it will no longer display the response.
For example .. Posting to domain.com contains some cookies but not the
same ones as www.domain.com
so when i change the url to pick up the cookies i need .. going to
www.domain.com instead of domain.com .. -- it stops working .
{here is some of the code. that might be useful }
var options = { target:target_obj,
beforeSubmit:uplObj.setProgress,success:uplObj.Response,url:post,type:post,clearForm:false,resetForm:false
} ;
this.Forms[uplCounter].ajaxSubmit(options); }
the url was changed from domain.com to www.domain.com -- I have
determined that the program on the server side responds normally ..
but the data return is not written to the target.. or
Any thoughts? anyone?
steelliberty
[jQuery] Re: Cycle Plugin and IE7 alignment offset
Spencer,
Did you ever get this solved? If not, is there any way you can post a
non-secure link somewhere?
Mike
On Dec 28, 2007 2:18 PM, Spencer [EMAIL PROTECTED] wrote:
First off... great work on the Cycle plugin. I have a set of rotating
logos using Cycle and it works and looks great on FireFox, but IE7 has
one problem. The logo images are indented to the right about 100px.
If I remove all the images but one, then the image goes back to the
left just like on FireFox. The example is currently on a secure site
so I can't provide a URL, but the following code might help? Any
suggestions on how this problem can be corrected?
Thanks.
HTML Code:
div class=preferred-partner-box
div class=preferred-partner-hdrpreferred partners/div
div id=preferred-partner-rotatea href=links/
partners_insite.phpimg src=links/images-partners/
logos_partners_isd.png border=0 width=140 height=80 alt= //
aa href=links/partners_lock.phpimg src=links/images-partners/
logos_partners_lock.png border=0 width=140 height=80 alt= //
a/div
div class=callout-boxes-more-linksa href=links/
partners.phpmore partners /a/div
/div
CSS Code:
.preferred-partner-box {
width: 204px;
height: 110px;
border: 1px solid #CED2D8;
margin-top: 8px;
margin-bottom: 30px;
z-index: 9000;
}
.preferred-partner-hdr {
width: 134px;
color: #00;
font: bold 12px Trebuchet MS;
height: 24px;
line-height: 24px;
letter-spacing: 0.025em;
text-transform: uppercase;
text-align: left;
text-decoration: none;
margin: -12px 20px 0px 4px;
padding: 0px 0px 0px 4px;
background-color: #FF;
z-index: 9010;
}
div#preferred-partner-rotate {
width: 204px;
height: 90px;
margin: auto;
z-index: 9000;
}
div#preferred-partner-rotate a img {
z-index: 9000;
}
[jQuery] Re: Binding a function to dynamically generated markup does not work
You can bind to elements that are not inserted in the DOM, like I did in the example. Ariel Flesler On 5 ene, 17:48, Shawn [EMAIL PROTECTED] wrote: Don't forget you have to apply your behaviors (the change() in this case) AFTER the dynamic element has been added to the DOM. I don't think it's going to work if you apply the handlers THEN add the element to the DOM. hmm... something for me to try next time I open up my editor... :) Shawn guellichs-erbe wrote: Hello *, I've dynamically ( per javacript) generated select/ lying in a div container (statically defined in body/). It does not work to bind a function to this select ($ (#id_of_select).change(...). $(#id_of_div).change(...) does work and is my workaround at the moment. But this means, that it is impossible to generate markup only dynamically, you always have to define your div/span/wathever containers. Is this right? Happy jQueriying Uli- Ocultar texto de la cita - - Mostrar texto de la cita -
[jQuery] Working with data from a GoogleMaps InfoWindow
Hi, I am very bad at Javascript so my question is perhaps silly...
When I have something like this
google.maps.Event.addListener(map, click, function(overlay, latlng)
{
inputForm = 'form action= onsubmit=store(); return false;'
+ 'input type=text id=some /'
+ 'input type=text id=thing /'
+ 'input type=submit value=Save/'
+ '/form';
map.openInfoWindow (latlng,inputForm);
});
Is there a chance to let jQuery somehow take over? I tried to get the
data, but I guess $('#map form').click probably just can't work,
because the form is simply not existing at $(document).ready
But is there a chance at all to do that?
regards,
Marcus
[jQuery] Re: looking for plugin that presets values in text box
On Jan 6, 11:00 am, Dave Methvin [EMAIL PROTECTED] wrote:
$('form#myform [EMAIL PROTECTED]').val('please enter
here').click(function() {
if (this.value == 'please enter here') this.value = '';
});
The downside to changing the value attribute is that the please enter
here text will be submitted with the form if the user doesn't enter
any value before submitting. You can use some validation javascript to
look for the values and display an error message. Or, you could use
something like the overlabel plugin, which places the prompt above the
form element without changing the value.
Right, but I prefer to handle this directly in jQuery. :-)
var $myform = $('form#myform');
var $myinput = $('[EMAIL PROTECTED]', $myform);
$myinput.val('please enter here').click(function() {
if (this.value == 'please enter here') this.value = '';
})
$myform.submit(function() {
if ($myinput.val() == 'please enter here' || $myinput.val() ==
'') {
alert('please enter something');
return false;
}
});
lihao(XC)
[jQuery] Re: Need some help
Good Morning guys, Can anyone help me with below issue? I want to change TD tag's background attribute value when that link inside that TD is clicked. Thanks in advance.. On Jan 5, 2008 11:52 PM, Raghuveer Rawat [EMAIL PROTECTED] wrote: Hi, I recently started learning about jQuery and I have not worked much on javascript. I am basically a server side java developer. I need some help from experienced jQuery developers for below issue.. I have a table which has 6 menu items (anchor tags)... Selected Menu Item will have black.jpg image in td tag's background while all the other tabs will have red background. There is blackl.jpg and blackr.jpgimage in case of first and last selected menu and redl.jpg and redr.jpg in other cases What should I write in my jQuery function? table width=632 border=0 cellspacing=0 cellpadding=0 tr td width=7 height=26 align=rightimg src=images/blackl.jpg width=7 height=26 //td-- td width=70 align=center background=images/blackbg.jpg a href=s:url value=url/ class=menuA/a/td td width=90 align=center background=images/rboxbg.jpg a href=s:url value=url/ class=menuB/a/td td width=90 align=center background=images/rboxbg.jpg class=menua href=s:url value=url/ class=menuC/a/td td width=129 align=center background=images/rboxbg.jpga href=s:url value=url/ class=menuD/a/td td width=100 align=center background=images/rboxbg.jpga href=s:url value=url/ class=menuE/a/td td width=83 align=center background=images/rboxbg.jpga href=s:url value=F/ class=menuF/a/td td width=10 align=leftimg src=images/menur.jpg width=7 height=26 //td /tr /table
[jQuery] jCarousel Lite and Thickbox
Anyone as worked with this two plugin... i want to use a jcarousel lite and, with a click on the image, a thickboc effetct... it is possible? Thank you
[jQuery] Re: jquery validator addMethod library?
FWIW, the css text-transform style can be a useful alternative to script-based validation for upper/lower case and it works when js is disabled. I little off topic but it might help someone... http://www.w3schools.com/css/pr_text_text-transform.asp George On Jan 5, 6:51 am, Jack Killpatrick [EMAIL PROTECTED] wrote: uppercase lowercase
[jQuery] Re: jquery validation demo errors
Jack Killpatrick schrieb: OK, thanks for the info. Any idea around when 1.2 will be released? There are basically two major things on the roadmap: Remote validation and event architecture. Both are already quite advanced. To name a date, end of January should be realistic. Thanks for the pointer about the broken demos, I'll upload an update to those. Jörn
[jQuery] .click()
Running into something strange. I have an image with an onclick handler that
calls on a hidden input type=file id=logo via
img src=xx onclick=$('#logo').click()
This works flawlessly in Safari, IE 6 7 but not in FF Mac (not sure about
PC). Any ideas?
Also, what is the best way when taking this approach? I have it where the
file input is in a div. I initially tried using display:none for the
container div but the file inputs stopped working. I changed the div to
visibility:hidden and height: 0px and it works (with the exception above)
anyone have a better suggestion on how to hide these inputs better?
I am using jquery 1.1.3.1
Suggestions?
Thanks
Steffan
---
T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline
[EMAIL PROTECTED] Phoenix, Az
http://www.ExecuChoice.net USA
AIM : SteffanC ICQ : 57234309
YAHOO : Steffan_Cline MSN : [EMAIL PROTECTED]
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---
[jQuery] append ul (unordered list) ie bug
in firefox this works fine
var id = 1;
$parent.append('div id=c-r'+id+' class=c-replies c-hide
style=display: none;ul id=c-rply-to'+id+'/ul/div');
but in ie, no ul gets created.
next i tried appending the ul to the newly created div (and yes, the
div was found)
var id = 1;
$parent.append('div id=c-r'+id+' class=c-replies c-hide
style=display: none;/div');
#(#c-r+id).append(ul/ul);
that didnt work either. i had to resort to this
var iediv = document.getElementById(c-r+id);
var newElem = document.createElement('ul');
newElem.id = c-rply-to+id+;
iediv.appendChild(newElem);
can someone spot the problem?
[jQuery] Re: Issue with jQuery zebra tables tutorial...
Hey Karl,
Thanks for the reply. Actually that isn't the problem. The problem
turned out to be I needed to do a removeClass on the element. Then
place the new class in it. Otherwise it will append it to the already
existing class.
My next problem was that I needed to remember what the class is so
that on mouseout I could replace it with the original. I did this by
capturing the class into a var and then doing a attr(class, class)
that way it would sub the jquery object (which was the class
attribute) back into the element. I can post the actual code tomorrow
when I get to work if anyone is interested. It was really quite nifty
and I have yet to see anyone mention this solution.
Thanks
Bryce
On Jan 5, 8:44 pm, Karl Swedberg [EMAIL PROTECTED] wrote:
So, it looks like the problem you're having is that the style for the
over class is not overriding the alt class. The simple solution
would be to give a higher specificity to the over class's CSS rule.
Something like this, perhaps, in your stylesheet:
.alt { background-color: #ccc; }
tr.over { background-color: #ff0; }
With the added tr for the over class, it will successfully
override the alt class's background color.
Then to apply it, use the .hover() method:
$(.stripeMe tr).hover(function() {
$(this).addClass('over');}, function() {
$(this).removeClass('over');
});
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jan 4, 2008, at 3:11 PM, bryce4president wrote:
I've just started working with jQuery today. One of the things I've
been doing is using zebratables, but it has been with a javascript
function I found that runs off the window.onload. I like the idea of
doing this in jQuery as it is definitely faster (i tested it) and it
is a lot cleaner and simpler.
Here's the problem. I do the $(.stripeMe
tr:even).addClass(alt); and it works just fine. Then I have
the $(.stripeMe tr).mouseover(function(){
$(this).addClass(over);
});
But instead of replacing the class that is there, it actually adds it
to it. so then it will say tr class=alt over
So I put this in, $(.stripeMe tr).mouseover(function(){
$(this).removeClass().addClass(over);
});
Adding the removeClass() does the trick. The problem after that is
that when I do the mouseout I have no way of knowing what the previous
class was. So I have to do a
$(.stripeMe tr).mouseout(function(){
$(this).removeClass();
$(stripeMe tr:even).addClass(alt);
});
This is not good for larger tables as it can make the page seem
glitchy when doing a mouseover. I didn't know if there was a way to
find out in $(this) is even or not
This works the same in IE6 and FF2. Am I doing something wrong or is
the tutorial not correct? I understand how it is theoretically
supposed to work in the tutorial, but its not right.
Thanks for the help.
Love jQuery by the way. Great library.
[jQuery] Re: Vexed with SuckerFish Flash
OH MY GOD!!!
Just found this post, been having problems with jQuery and SQF for
ages and, by wrpping it in the $(document).ready(function(){ ... }};
worked a treat. Inspirational. Fairly new to jQuery but always had
good results except when it came to SWFObject.
However did you find this, it this something in the jquery manual
about using other javascripts that wrapping them like this keeps
jquery in control as it were?
Thankyou! Looks like I'll be going to bed at a reasonable time
tonight!!!
On Nov 28 2007, 6:13 pm, Jay Fallon [EMAIL PROTECTED] wrote:
Turns out that the swfobject config was wrong to begin with, thus it
was causing multiple problems. Both scripts, swfobject.js and
superfish.js are able to work seamlessly and on top of that,
swfobject.js will not cause any conflicts, and still perfom flash
detection, if you wrap it in a factory function:
$(document).ready(function(){
var so = new
SWFObject(flash/promo_area.swf, sotester, 706,
155, 7, false);
so.addParam(menu, false);
so.addParam(wmode, transparent);
so.addParam(FlashVars,
xml_path=/flash/xml_files/my.xml);
so.addVariable(pageContent, location.href);
so.write(promo_area);
});
[jQuery] Re: Working with data from a GoogleMaps InfoWindow
Meanwhile I found livequery, which is probably the solution, but I
still I don't get it working. Can someone perhaps give me a hint??
I gave the form an id and tried this (Unfortunately the parent divs
don't have proper names and ids...)
$('#touch').livequery('submit', function() { alert('clicked'); return
false; });
[jQuery] Re: Working with data from a GoogleMaps InfoWindow
if you're using jquery u dont even need a form. but if you do want to
serialize your parameters, that's fine. i think the easiest thing to
do is to give your form an id, making it easy for jquery to find it.
once you've got that, everything else should be easy-
On Jan 6, 10:21 am, marcus [EMAIL PROTECTED] wrote:
Hi, I am very bad at Javascript so my question is perhaps silly...
When I have something like this
google.maps.Event.addListener(map, click, function(overlay, latlng)
{
inputForm = 'form action= onsubmit=store(); return false;'
+ 'input type=text id=some /'
+ 'input type=text id=thing /'
+ 'input type=submit value=Save/'
+ '/form';
map.openInfoWindow (latlng,inputForm);
});
Is there a chance to let jQuery somehow take over? I tried to get the
data, but I guess $('#map form').click probably just can't work,
because the form is simply not existing at $(document).ready
But is there a chance at all to do that?
regards,
Marcus
[jQuery] Re: Problems with clueTip
On Jan 5, 2008, at 2:32 PM, KnoxBaby wrote:
Sorry for asking again, but perhaps you overread that there's again a
question at the end of my statement when I already said that
everything works fine:
Is it possible to show the tooltip a little bit
faster in IE and with the fade effect???
Hi, yes, I must have missed that question.
Are you using the hoverIntent plugin? If so, you can try to show the
tooltip faster using hoverIntent: false and by setting an openSpeed.
Something like this, perhaps:
$('a.help').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
leftOffset: 20,
fx: {
open: 'fadeIn',
openSpeed: 'fast'
},
local: true,
hideLocal: true,
hoverIntent: false
});
Hope that does the trick for you.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On 1 Jan., 12:36, KnoxBaby [EMAIL PROTECTED] wrote:
WOW thanks, now it works also in IE (the confirm msg abort and the
tooltip)!
To the problem with the trailing comma: I thought first when I
started
with jquery that thisd may be wrong but than I often saw it with a
trailing comma at the end of an array and since in php it's also
allowed (array('asd', 'asd312', );) I thought that wouldn't be the
problem...
Now another question: Is it possible to show the tooltip a little bit
faster in IE and with the fade effect???
On 30 Dez. 2007, 20:18, Karl Swedberg [EMAIL PROTECTED] wrote:
Okay, it looks like it's working fine in Firefox, but not at all in
IE6. The problem is that you have a trailing comma in your object
literal, an incorrect syntax that Firefox overlooks.
$('a.help').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
positionBy: 'auto',
leftOffset: 20,
fx: {
open: 'fadeIn', // can be 'show' or
'slideDown' or 'fadeIn'
openSpeed: ''
},
local: true,
hideLocal: true, // -- REMOVE THIS COMMA
}).click(function() {
return confirm('Diese News wirklich löschen?');
});
Actually, hideLocal is set to true by default, so you don't need
that
line at all. If you remove the line, however, make sure you remove
the
trailing comma after local: true as well.
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Dec 29, 2007, at 8:17 AM, KnoxBaby wrote:
Still the problem:
http://www.jahlabs.de/jquery/test/
In IE: Tooltips and confirm message bug still not working :(
On 26 Dez., 01:45, Karl Swedberg [EMAIL PROTECTED] wrote:
On Dec 24, 2007, at 5:41 PM, KnoxBaby wrote:
Hello,
thanks for your help again. Thanks, I want to say that I didn't
upload
the new version because it worked everything ...
Second, I want to ask you if you can add the possibility to split
the
local content too if spitTitle is set because than I would not
have a
redundant data as title again and again.
Hmm. I doubt I'll be adding that as a feature.
Than, to your solution about the link with the onclick=return
confirm(...), I have to say: Is there another solution because I
have
several links and every link has a tooltip with the same style,
but
another confirm message so I would have to use the same cluetip
with
different confirm messages and that would be a little be
redundant :(
Adding onclick handlers directly in your HTML seems to be the most
redundant way you could possibly do this. There are a number of
ways
to target your confirm messages to the particular link that is
being
clicked. Here is just one way:
$('a.help')
.cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
positionBy: 'auto',
leftOffset: 20,
fx: {
open: 'fadeIn', // can be 'show' or 'slideDown' or
'fadeIn'
openSpeed: ''
},
local: true
})
.filter(':first-child') // from all a.help elements, select only
those that are the first child of their parent
.click(function() {
return confirm('Diese News wirklich löschen?');
});
You could also, as another example, filter by what the value of
any
of
the link's attributes is.
thanks!!!
You're welcome. :-)
On Dec 24, 8:31 pm, Karl Swedberg [EMAIL PROTECTED] wrote:
Okay, after investigating a bit more, I discovered that there
is an
error in the Metadata plugin that you're using.
On line 95 the left curly bracket is not escaped in the regexp:
if ( !/^{/.test( data ) )
it should be this:
if ( !/^\{/.test( data ) )
Actually, that isn't what is causing this particular problem, so
something else is going on there, too. Regardless, the good
news
is
that the SVN version of Metadata 2.0
[jQuery] Re: .click()
first, it would be better jquery technique to bind your img outside of
the onclick
$('#imgID').click(function(){
$('#logo').click();
});
what function is executed when you trigger the click event on the logo
input?
On Jan 6, 5:46 pm, Steffan A. Cline [EMAIL PROTECTED] wrote:
Running into something strange. I have an image with an onclick handler that
calls on a hidden input type=file id=logo via
img src=xx onclick=$('#logo').click()
This works flawlessly in Safari, IE 6 7 but not in FF Mac (not sure about
PC). Any ideas?
Also, what is the best way when taking this approach? I have it where the
file input is in a div. I initially tried using display:none for the
container div but the file inputs stopped working. I changed the div to
visibility:hidden and height: 0px and it works (with the exception above)
anyone have a better suggestion on how to hide these inputs better?
I am using jquery 1.1.3.1
Suggestions?
Thanks
Steffan
---
T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline
[EMAIL PROTECTED] Phoenix,
Azhttp://www.ExecuChoice.net USA
AIM : SteffanC ICQ : 57234309
YAHOO : Steffan_Cline MSN : [EMAIL PROTECTED]
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---
[jQuery] Re: SimpleModal v1.1 released
I released a WordPress plugin today. It's an modal ajax contact form built using jQuery and SimpleModal. http://wordpress.org/extend/plugins/simplemodal-contact-form-smcf/ -Eric On Jan 4, 2:36 pm, Eric Martin [EMAIL PROTECTED] wrote: Hello, I've released a new version of SimpleModal. I added some new options that allow direct CSS styling as well as moved the critical CSS attributes from external stylesheets into the script. Another big change is the way that the modal dialog data is handled. Now, SimpleModal will, by default, clone the data and then re-insert the cloned data into the DOM when the dialog is closed. There is a new option, persist, which will allow you to have changes to the data maintained across modal calls. Project link:http://plugins.jquery.com/project/SimpleModal Homepage:http://www.ericmmartin.com/projects/simplemodal/ In addition, I'm working on a contact form plugin for WordPress that will be based on the Contact Form demo. You can see it in action on my site. I appreciate any feedback. Thanks, Eric
[jQuery] jqForm: Need help with basic validation...
The plugin:
http://www.malsup.com/jquery/form/
My setup:
Within my form, have a hidden field that has the names of the fields
that I want validated:
input type=hidden name=required value=name,email,recipients
And this is my test beforeSubmit function:
function validate(formData, jqForm, options) {
var x = jqForm[0];
var valid = x.required.value.split(,); // This works.
for(var i=0; i valid.length; i++) { // This works.
var z = valid[i]; // This works.
if (!x.z.value) { alert('no'); } // This fails.
}
return false; // Remove when done testing.
}
What am I doing wrong?
I have tried many variations of the above code, and I think I need
some expert eyeballs to help me problem-solve. :)
Many thanks in advance.
Cheers,
Micky
[jQuery] Re: LIVE jQuery
For whatever reason the magnet post didn't get pushed to my client, but I
wanted to chime in.
fwiw, I have been considering porting the dojox.cometd client to
jQuery-plugin-like code.
but as far as I know, the only real javascript implementation of comet
client is the dojo 1.x one. DWR has a java client as well, which is cool at
a glance, but I've not had any chance to play with it.
i use twistd comet server and dojox.cometd a lot. It love it. and the API is
very simple, the jQuery would look something like:
$.cometd.init(url);
$.cometd.publish(/some/topic,{ some:object });
$.cometd.subscribe(/some/topic,function(obj){
console.log(obj.data); // [object some:object]
});
no ETA, I'm really just playing around with it. Big fan of comet though
personally, would love to see it adopted in the various toolkits.
Regards,
Peter Higgins
On Tuesday 01 January 2008, Eridius wrote:
This might or might not be what your looking for but if you want to keep
pushing new content to a page you could use the JHeartbeat plugin
http://www.jasons-toolbox.com/JHeartbeat/
coughlinsmyalias wrote:
Hey all, I am wondering is it possible with jQuery or any other plugin
to have say real time results on a page. To do say see what other
changes are being made as you are on the screen?
Or any with a tad bit delay of a couple of seconds?
Thanks!
Ryan
[jQuery] Sever Push - live site
Hey all, i have been researching googling and many other ways to try to find out how to make my site as close to live as I can. I read this by John: http://ejohn.org/blog/streaming-http-server-push/ but am still kind of confused. My site is: http://rksdesignstudios.com/magnet/ - Drag a word - Add a word - Delete And many features to come, etc. I want to make it like you can seeo ther changes being made..stuff being dragged, any idea how to do this? I have been STUMPED on this. Thanks! Ryan
[jQuery] Re: Sever Push - live site
A simple way to do this in PHP is using a loop to wait for an event, and
return if and when it does. Otherwise the connection times out, and the
client (web browser using XMLHttpRequest) reconnects. A really simple
demonstration can be seen by just doing an ajax request to a php script that
sleep()'s. Here is an example.
?php
if($_REQUEST['wait'])
{
sleep($_REQUEST['wait']);
echo time();
die();
}
?
html
head
script src=/js/jquery.js type=text/javascript/script
script
jQuery(function()
{
$('input#hurumph').click(function()
{
$.ajax(
{
url: 'index.php?wait=' + $('#in').val(),
success: function(sReturn)
{
$('span#time').html(sReturn);
}
});
});
});
/script
/head
body
What time is it in#160;input id=in/#160;seconds#160;input
type=button value=? id=hurumph/
br/
?:#160;span id=time/
/body
/html
Just takes a simple input and wait the given amount of time. You can see
from this that you could easily wait for any other sort of event. Like
another user making and update. At that the point the connection get closed,
and the client just restarts it.
On Jan 6, 2008 3:56 PM, coughlinsmyalias [EMAIL PROTECTED] wrote:
Hey all, i have been researching googling and many other ways to try
to find out how to make my site as close to live as I can.
I read this by John: http://ejohn.org/blog/streaming-http-server-push/
but am still kind of confused. My site is:
http://rksdesignstudios.com/magnet/
- Drag a word
- Add a word
- Delete
And many features to come, etc. I want to make it like you can seeo
ther changes being made..stuff being dragged, any idea how to do this?
I have been STUMPED on this.
Thanks!
Ryan
--
http://morglog.alleycatracing.com
Lets make up more accronyms!
http://www.alleycatracing.com
LTABOTIIOFR! ROFL! ROFL! ROFL!
Upcoming alley cats, reviews, touring logs, and a general congregation of
bike nerdity.
[jQuery] Re: .click()
on 1/6/08 5:29 PM, chrismarx at [EMAIL PROTECTED] wrote:
first, it would be better jquery technique to bind your img outside of
the onclick
$('#imgID').click(function(){
$('#logo').click();
});
what function is executed when you trigger the click event on the logo
input?
On Jan 6, 5:46 pm, Steffan A. Cline [EMAIL PROTECTED] wrote:
Running into something strange. I have an image with an onclick handler that
calls on a hidden input type=file id=logo via
img src=xx onclick=$('#logo').click()
This works flawlessly in Safari, IE 6 7 but not in FF Mac (not sure about
PC). Any ideas?
Also, what is the best way when taking this approach? I have it where the
file input is in a div. I initially tried using display:none for the
container div but the file inputs stopped working. I changed the div to
visibility:hidden and height: 0px and it works (with the exception above)
anyone have a better suggestion on how to hide these inputs better?
I am using jquery 1.1.3.1
Suggestions?
Thanks
Steffan
I am hiding the file inputs and then parsing the data from the file input
onchange and placing it into a dummy text field so that there are no paths
etc when the end user views it. As you know, some browsers prepend the path
to the name in the file input and I wasn't thrilled with that. By trimming
the path and displaying only the file name looked more appealing. The end
user wants to have their own add/delete buttons for the images rather than
the standard choose button. The odd thing is that when I use the DOM
inspector in FF it shows that the image has the click attribute so I am not
sure why it's not firing. Would it beneficial to show all of the code or is
there enough mentioned to see why the click event fails? Odd that FF does
not show any errors or warnings in the error console.
Thanks
Steffan
---
T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline
[EMAIL PROTECTED] Phoenix, Az
http://www.ExecuChoice.net USA
AIM : SteffanC ICQ : 57234309
YAHOO : Steffan_Cline MSN : [EMAIL PROTECTED]
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---
[jQuery] Re: looking for plugin that presets values in text box
The plugin toggleVal (written by a colleague of mine) might be of some interest to you. http://plugins.jquery.com/project/toggleval On Jan 5, 11:45 pm, Bhaarat Sharma [EMAIL PROTECTED] wrote: Hi, some time ago I saw a jquery plugin which would preset the value in a text box and when users' cursor came to that text box...the preset value would go away. it was sort of there to let the user know what format should be in this text field. I cant recall the name of the plugin. Wondering if someone can help me find this plugin?
[jQuery] Re: height of a hidden element
You may be able to determine the height while the divs are still visible - before applying the cycle plugin. Avoid the likely flicker by moving the divs temporarily out of view (to one side rather than hidden). Bringing them back into view after applying the cycle plugin. I have not used the cycle plugin - I guess it is similar to the carousel plugin? I vaguely remember the carousel plugin having something to do what you are looking for built iin http://sorgalla.com/projects/jcarousel/ I could be thinking of the wrong plugin? On Jan 6, 8:29 am, Sebastián V. Würtz [EMAIL PROTECTED] wrote: Is posible that if i have a hidden div i cant get his height?
[jQuery] Re: height of a hidden element
I was thinking of innerfade http://medienfreunde.com/lab/innerfade/ hope that helps On Jan 7, 2:16 pm, boermans [EMAIL PROTECTED] wrote: I could be thinking of the wrong plugin?
