changing background image
Hello all, I can't understand why this is not working. I want the background-image to change when you click on certain elements. CSS #imageCrop { background-image: url(bg2.jpg); position: absolute; z-index: 0; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;} #fullBG { position: relative; height: 100%; width: 100%; visibility: hidden;} #image-one{ border: none;} #image-two{ border: none} HTML/jQuery: <script type="text/javascript" src="jquery-1.3.1.js"></script>
Need help on Jquery and Ajax Stuff.
Hi, Hi Need help... I need to implement javascript function MakeCall(url,number). The url paramter is an URL and number is only a string with number. This javascript make an ajax call. The HTTP method is GET and you must use the url passed. This javascript also must show a DIV in center page with a label "Calling " + number. After 10 second the div must be hide. For make ajax call and to show/hide the div use JQUERY. How to do it? I am new to JQuery. Thanks & Warm Regards, Bhavin Gajjar
[jQuery] how to release the focus point?
hi all, I am using jQuery.autocomplete package to write a jsp. When I finished the input box by "autocomplete",The focus point can't be released. Then I can't continue to use another js plugin. my codes r follows: function getTermno(){ var orgId = document.getElementById("orgId").value; JGertTermJsonByOrgId.getData(orgId,termnoCallBack); } function termnoCallBack(termnos){ $(document).ready(function(){ var aa = termnos.split("|"); $("#selectTermnos").autocomplete(aa);
[jQuery] CYCLE plugin handling embedded links
I am using cycle to display ads and messages on my website. Some of the "slides" contain text with imbedded URL links and others are just linked images. However, when you click on the link it just continues to the next slide. Is there a way to have the Cycle script allow embedded links instead of just forwarding to the next slide? Here's an example of my code: <script type="text/javascript" src="Scripts/jquery-1.3.1.min.js"></ script> <script type="text/javascript" src="Scripts/ jquery.cycle.all.pack.js"></script>
[jQuery] Prototype to jQuery: "current" element
I am trying to convert the following Prototype code to jQuery: <div class=".thing"> ... <a href="#" onclick="$(this).up('.setting').remove()">remove</a> </div> Basically, when a user clicks on the 'remove' link I want the entire enclosing div which contains this link to vanish from the DOM. But there are multiple divs, each with their own 'remove' links. (*) With jQuery I have tried onclick="$(this).closest('.setting').remove ()" but it doesn't work - nothing happens. To debug I tried onclick="alert($(this).toSource())"
[jQuery] Cycle - Text with links
I am using cycle to display ads and messages on my website. Some of the "slides" contain text with imbedded URL links and others are just linked images. However, when you click on the link it just continues to the next slide. Is there a way to have the Cycle script allow embedded links instead of just forwarding to the next slide? Here's an example of my code: <script type="text/javascript" src="Scripts/jquery-1.3.1.min.js"></ script> <script type="text/javascript" src="Scripts/ jquery.cycle.all.pack.js"></script>
[jQuery] Happy 牛 Year !
<div id="result_box" dir="ltr" style="TEXT-ALIGN: left">Today is Chinese New Year .</div> <div dir="ltr" style="TEXT-ALIGN: left"> Happy 牛 Year ! </div>
[jQuery] Actually...
Greetings all, Actually, I mean the end result is transparent so the words on the menu are hard to read against the dark background of the site itself. You can see what I am talking about at http://newbergallery.datacenterwest.com/ Thanks again, Ron
[jQuery] Triggering CSS pseudo selectors (like hover)?
I'd like to be able to use jquery (or javascript at all) to trigger an arbitrary element's pseudo selector. Is this possible at all? Examples: If you hover over one element it could trigger the hover state of a totally different element. If you have a hover effect on a menu trigger and then you roll over the popup menu yoy could keep the hover effect on the trigger instead of having the mouseleave revert it. Thanks!
[jQuery] Superfish Opacity
Greetings all, I also am having an issue with turning off the opacity in Superfish. I think I need to pass something like "opacity: false" but this does not work. I have also tried "hide" as well. Help please. Thanks, Ron
[jQuery] newbie question- how to configure get request - ui sortable list using connectWith
Hello I have been trying make a sortable list that sorts elements among different unordered lists and sends the data to a script to update the order in a a database. The problem I'm having right now is that the get request is only sending the data from the <ul> that the element is dropped into. So it would start reordering the list from that point even if it's not the first one. Here is my code so far: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[jQuery] jquery 1.3, .live(), submit and IE7
Hello, I'm having a strange behavior of the new .live() method when used on a submit event. The biggest problem is on IE7, but there is a minor problem on other browsers too. The problem is that if I'm binding a live submit event on a form not present in the document, the submit event is not triggered when I submit the form (newly created) later on. You can see an example here : http://www.pixelastic.com/tests/jquery-live-submit-ie7 By clicking on the 'Add form' link, a new form is added to the page.
[jQuery] how to hide content while page loads
Hi, Jquery newbie. I have a nifty accordion working. Only problem is while the page is loading, or refreshing, the first of the accordion sections flashes open. Not a big deal, but looks tacky, Any fix? thanks, here's the site: http://orcasissues.com/
[jQuery] position of draggable div
Hi all, I want to ask How can I get the position (x,y) of draggable div. I am using jquery-1.2.6.js ui.draggable.js (jQuery UI Draggable 1.6rc4) ui.core.js (jQuery UI 1.6rc4) thank you
[jQuery] how to get one class from a multi-class element?
I'm getting all knotted up on this! I'm looking to use one class, from an element with several, as a selector. Example: <div class="red tiny bold"> <p class="tiny"> target = $( 'div' ).attr( 'class' ); // get 'tiny' from returned value $( "'p." + target + "'" ).doSomething(); How to I get jQuery to pick out just the class I need?
[jQuery] jQuery.ajax deflate content-type: gzip
Hi, I am doing a jQuery.ajax get request, the content that it receives is an html formatted string. The html is generated based on a database search, and is generated using ASP.NET. Since the size of the returned html could become very large, I am attempting to gzip the stream and send that to the response instead of plain html... Here comes the issue: Is it possible to "deflate" a gzipped response using JavaScript, jQuery, or any other client-side implementation? Thanks! -- View this message in
[jQuery] getting to a variable in the parent frame - stumped
I'm using frames (don't ask) and have exhausted my abilities (sniff)... here is some pseudo-code to illustrate the situation: ------------------------ first, CONTAINER.HTM: <script src=jquery.js></script> $(function(){ var module = { something1 : function(var1){ alert(var2); } } }); <iframe src=iframe1.htm></iframe> ------------------------- now, IFRAME1.HTM <script src=jquery.js></script> $(function(){ $('#myDiv').click(function(){ top.frames[0].document.module.something1('hello'); // this line
[jQuery] Dynamic Inputs and having JS work
Hello I am currently using a autocomplete plugin which is working on a single static input. I currently have jQuery creating new inputs and I'd like to have the autocomplete on work then as well. Im not too familiar with javascript or jQuery but, I think since the inputs are created after the "$().ready(function()", the autocompleter doesnt work. I have figured out a way to make it work but I dont think it is the best way. Here is what I am doing: ---------------------------------------------- $().ready(function()
[jQuery] jquery fadeto
I have the following li. I am trying to make it so when you hover over the first a and all of the child ul with the class of sub fadeTo will come to full opacity. When you mouseout it changes opacity again. Here is what I have come up with. <li class="parent first" id="parent1"><a href="about">About Us</a> <ul class="sub" id="sub1"> <li id="lisub1"><a href="values">Our Values</a></li> <li id="lisub2"><a href="team">Our Team</a></li> </ul> </li> $("#parent1").find("a:first
[jQuery] Jquery form submission
Hi, I am using the following binding to submit the form using ajaxSubmit(). This works if the user clicks on the submit button. But unfortunately, i am dealing with third party form content which itself submits the form using form.submit() event in which case the following binding does not get called. Is there a way to trap the submit coming from javascript itself? // attach handler to form's submit event $('#myFormId').submit(function() { // submit the form $(this).ajaxSubmit(); // return false
[jQuery] Bug? ajax request headers not being modified by beforeSend (jquery 1.3.1)
I need some help here guys. I'm trying to modify the content-type and accept-charset request headers of an ajax call and it seems that beforeSend does not really change the XHR object. My code is something like this: beforeSend : function(xhr) { xhr.setRequestHeader('Accept-Charset','windows-1253'); xhr.setRequestHeader('Content-type','application/x-www-form- urlencoded;charset=windows-1253') } I need the charset to be windows-1253 and not UTF-8, as the database
[jQuery] remove()
I have question how easy remove content from DIV, e.g. <div id='test'>test text</div> I thought that code $('#test').remove() managed it, but it doesnt true. Thx in advance.
[jQuery] Slide Toggle Question
Hey everyone. I'm still a bit new to the whole jQuery world. I love what I've seen so far, and it seems fairly simple to implement on a site. I recently viewed a web site through promotion on ExpressionEngine.com, and found the slideToggle effect. I asked the web admin if they can forward me what they used to create the effect (which was exactly what I was looking for). I now have it working on my test templates, but I cannot get it to resize. My site template is at 940px, but the slider is a bit
[jQuery] Odd dialog bug
Hi, Just want to report an odd bug, using the UI dialog widget, in IE7 only: How I create the dialog: ++++++ $('#' + popupId).dialog({ autoOpen: true, resizable : false, bgiframe : true, position : [pos['x'], pos['y']], width: 'auto', height: 'auto', minHeight: 100, minWidth: 100, draggable : false,
[jQuery] strip tag leaving its content
Hello, I'm writing an effect, which has to build a span around my element, but when my effect is finished I wanted to strip this span tag, in order to leave the situation as it was before.. How can I strip a tag?? Is there something like: $(this).parent().strip(); ??? Thanks!
[jQuery] Div height
In IE7, if a div height in not specified, the div fails to show. I got around this with: height = $('#container').height(); //Create grey gradient from top left $('#container').gradientz({ angle: 45, start: "#CCCCCC", end: "#F5F5F5" }).css("height",height+"px"); Posted this for anyone with a similar problem or if Weepy wished to integrate this mini fix into the plugin itself.
[jQuery] Variable Flag Problems
I know I'll hit myself for not figuring this one out but its driving me crazy! --- Function --- User mouses over an item in navigation menu and secondary nav-menu slides down. the variable "downYet" prevents other secondary nav menus from sliding down....but id doesn't --- Code --- $(document).ready(function(){ var downYet = false; $("#bigNavBox > li > a").mouseover(function(downYet) { //Handy Dandy SideTab Navigation function var name = $(this).attr("id");
[jQuery] jquery and livequery with ajaxform --please help
My template/parent JSP has the following JQuery code in head secion <script language="javascript" type="text/javascript"> var j = jQuery.noConflict(); j(document).ready(function(){ j('.queueForms').livequery(function(){ var options = { url: '/Market/soDetailsQueueNote.action', success: function() { alert("success!"); } } j(this).ajaxForm(options); return false; }); }); </script> My calling code is in another JSP which is included in the template code above: <form class="queueForms" id="htmlForm"
[jQuery] Jquery and livequery --- urgent help
My template/parent JSP has the following JQuery code in head secion <script language="javascript" type="text/javascript"> var j = jQuery.noConflict(); j(document).ready(function(){ j('.queueForms').livequery(function(){ var options = { url: '/Market/soDetailsQueueNote.action', success: function() { alert("success!"); } } j(this).ajaxForm(options); return false; }); }); </script> My calling code is in another JSP which is included in the template code above: <form class="queueForms" id="htmlForm"
[jQuery] bind eventhandler after animation finished
hi everyone, what i want to accomplish in general: i have a text field which has a filename as the value. when hovering the field, a div should slide in from the bottom of the field and show a preview of this image. currently i'm using the following jquery-code: function rexShowMediaPreview() { var value; if($(this).hasClass("rex-widget-media")) value = $("input[type=text]", this).val(); else value = $("select", this).val(); var div = $(".rex-media-preview", this); var url = '../index.php?rex_resize=246a__'+
[jQuery] id question
Hi Is there a reason why: alert($('#id\{0}___').val()); not displaying the value, also no error with Firebug but alert(document.getElementById("id{0}___").value); displays it ? The html looks like this: <input id="id{0}___" type="text" onblur="show_value()" value="123" maxlength="10" size="10" name="id{0}___" /> show_value() run the alerts above Thanks gvg
[jQuery] [validate] Errors are not clearing in my Validate jQuery
Here's the code. $("#createEvent").validate({ rules: { title: { lettersonly: true, required: true } }, messages: { title: "Enter a valid title!" }, errorPlacement: function(error, element){ error.insertAfter(element); $('<br />').insertAfter(element); } }); The id of the field is id="title", of course. Two thing, however. The errors never clear out, even if the parameters are true. I used the same format for another site, and it worked properly, so I copied the code and changed what I needed to change.
[jQuery] [validate] Errors are not clearing in my Validate jQuery code.
Here's the code. $("#createEvent").validate({ rules: { title: { lettersonly: true, required: true } }, messages: { title: "Enter a valid title!" }, errorPlacement: function(error, element){ error.insertAfter(element); $('<br />').insertAfter(element); } }); The id of the field is id="title", of course. Two thing, however. The errors never clear
[jQuery] adding cluetip + ajax to an existing calendar.
Hi. I've inherited an existing calendar which is a goog old fashioned table of hyperlinks built in a .net user control. My boss has asked me to makes some mods to it and I've added cluetip with the following code: jQuery(document).ready(function() { jQuery('a.popup').cluetip({ cluetipClass: 'jtip', arrows: true, dropShadow: false, hoverIntent: false }); }); This works just lovely, but then I got carried away and added a partial ajax refresh to the next/previous month links: jQuery('a.ajaxRefresh').live('click',
[jQuery] SlideUp/slideDown problem with jQuery 1.3.1
Hello, Maybe this is a bug. To demostrate the problem here is the example code: <div id="mydiv" style="overflow-x:auto;overflow-y:hidden;width: 50px;height:50px;"> Put some data here so that we have horizontal scrollbar </div> When we apply slideUp and then slideDown to the div element the overflow-x and overflow-y are removed and we lost the styling. The same is when we use hide and then show("fast") This only work in IE. Regards Tony
[jQuery] Weird Hiding Issue
The answer to this is probably really simple, but I'm just not finding it. I'm working on a newsletter and they want the first paragraph of each article shown, then a More link at the end. Got that working fine. I even have it working so that it automatically hides all but the first paragraph tag. Perfect. However, I have a few unordered lists inside paragraph tags and the unordered lists aren't hidden when the page loads, even if they're inside the paragraph tags. How would I get those elements
[jQuery] AJAX data in IE
hi crew, as ususally I have strange problem..take a look to code: $(function(){ $('.tablesorter').tablesorter({widgets: ['zebra']}); $('#subMenu a').click(function(){ var trida = $(this).attr('href'); console.log(trida); $('#content>*').remove(); $.ajax({ url: 'pilots.php', cache: false, type: 'POST', dataType: 'html', data: 'trida='+trida, success: function(html){ $('#content').append(html)}
[jQuery] Scale effect and hover
Hi guys! I'm looking for a simple image hover effect, but with the scale effect... I just want make an image bigger on mouse over. I'm newbie with jQuery, and I tried this.... $("#scale_img").hover(function() { $(this).effect("scale", { percent: 200 }); }, function() { $(this).effect("scale", { percent: 50 }); }); ..but hover state doesn't stop after one resize. I mean if I leave my mouse over, the image continue to resize. How can i stop that? Any idea to fix it? i tried also... $("#test2").hover(function
[jQuery] Cycle plugin an absolute positioning
Hi all guys, I have a problem with the fantastic Cycle plugin. I have a group on images links whose I can't know their dimensions in advance. So the images sizes the customer will use will vary. The Cycle plugin give the element an absolute positioning (so left 0 and top 0). Since I need to center those images link in their container, I have the problem to dynamically know their width to give the image link a left position 50% and a left-margin -"the-image-size"/2 just to center it. Well, as you
[jQuery] Problem when using JQuery UI Tabs 3
I am using the JQuery UI Tabs 3 with embedded Flash videos and when you move between tabs the video from the previously viewed tab continues to play after you click on a new tab. This problem is browser specific and only occurs in IE. It works as expected in Firefox and Chrome. I appreciate any help you can provide.
Next Page