How do I control the operation of a page from a layer (iframe) on that page?
Hi folks, This questions involves Fancybox, but as I think its solution lies with jQuery I'm posting it here - apologies in advance if I'm mistaken. I'm using fancybox as part of an editor - the parent page lists a set of quiz questions, laid out and controlled in an accordian-type format by the script: $('.accord> h4').click(function() { $(this).next('div').slideToggle('fast').siblings('div:visible').slideUp('fast'); }); When any one of those questions is clicked, an editing form is launched,
jquery function like asos.com
Hi All I am looking to begin developing a function like on asos http://www.asos.com/Women/Maxi-Dresses/Cat/pgecategory.aspx?cid=9759 Basically the left section, refine search section and the pages themselves are controlled in a similar way does anyone know if this is all through jquery and where i could begin with this please? Thanks in advance
submitting a form with a parametrizated action
Hi, I'm trying to submit a form (id=Formu) with an action such this: $("#Formu").attr("action", "admin.php?controlador=Catalogos&accion=descargarCatalogo"); $('#Formu').submit(); But the submit goes to "admin.php", not "admin.php?controlador=Catalogos&accion=descargarCatalogo". Any clues?
Converting Website from Flash to jQuery?
Hi, just wondered if this website could be created in a similar way using jQuery? Which plugin's would be best to use? Currently built using Flash. Link Architecture -> Housing -> The Wave Thanks for any help, Barton.
Basic regulaer expressions fails
I'm trying to replace a ^ if the user types it in. This works .... alert("^Fred^Bloggs^".replace(/\^/g, "-")); I'm using an array of special characters which I'm encoding and it fails when trying to encode a ^. This doesn't work .... var c = "\^"; var re = new RegExp(c, "g"); alert("^Fred^Bloggs^".replace(re, "-")); Any ideas?
Need help with HTTP Post to WCF service
Im in over my head here and hope someone can/will help. I need to post a form to a WCF service via HTTP Post. The form will validate (easy to do) and upon the servers response populate a div with a success or error msg. I can do this on our own server via .ajax submit but can't get it to work here. Do I need to use .json, .jsonp? Here is what I have and its not working at all //validation placement settings $.ajax({ url: "https://xxxxxx.com/Reseller/POST.svc/Cancel",
FadeIn Question
Hi, I'm using JQuery (or trying to at least) I have an ajax call that is returning some HTML. My code works but when the HTML comes in I'd like it to kinda of fade in, right now it seems jerky. I'm taking the response from the AJAX call and populating a div basically, but I'd like the effect to be a bit smoother. How can I make the HTML fade in when my success handler is called?? $.ajax( {type: methodType, url:"index.cfm", dataType:"html", data: pars, error: h_callError, complete: h_onComplete,
jquery hover not working properly other than IE6
Hi All, We developed a menu bar and we used jquery for mouse hover to display sub menu items. menu items are read using JS from XML. we are experiencing a problem with hover in all other browsers except IE when we hit F5. I found that the document.ready is being fired with out loading the complete document. $(document).ready(function(){ alert(" Doc Loaded"); //It prints alert($(".mainLinks").length); // Most of the times it prints 0, some times it prints the exact count. $(".mainLinks").each(function(){
Newbie flickering issue
Hi all, I'm new to jQuery and I've put together a sample page to test out some jQuery effects. It's flickering in both IE and FF, and none of the solutions I've researched have helped (i.e. overflow:hidden). Can anyone spot the issue? I'm very interested in learning what the problem is... Note that I'm using stop() to remove animate queue build-up, and reset() is a custom function to reset the div size/opacity. Could it be from this? Or the Doctype? or..? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Browser issue
Hi , I am developing a website using Jquery... It was all working fine in older version 4.0.... of google chrome.. But when i updated the google chrome version to latest version . then its not loading my external pages to main page.. that i was loading uinsg jquery load() function.. i am using latest version of jquery Its working good in Mozilla Firefox... no problem at all... Code below shows idea am using <script type="text/javascript"> $(document).ready(function(){ <!-- On Load Page --> $('#leftcont').load('files/home.html');
Browser problem
hi , i have developed a website using jquery techniques. It was all working fine in google chrome 4.0... version But, when i updated my google chrome to v5.0.375.55 then my external pages are not loading to main index page.. which i was loading using Jquery function load(); even m using latest jquery version. Its working all good in Firefox...... Code m using is given below <script type="text/javascript"> $(document).ready(function(){ <!-- On Load Page --> $('#leftcont').load('files/home.html');
jquery hover not working properly other than IE6
Hi All, I developed a menu bar and using jquery for mouse hover functionality. I found that the document.ready is being fired with out loading the complete document. $(document).ready(function(){ alert(" Doc Loaded"); //It prints alert($(".mainLinks").length); // Most of the times it prints 0, some times it prints the exact count. mainLinks is the class name of <a> which is dynamically generated from XML. This works perfectly in only IE and not in other browsers esp when we hit F5 key.
jquery to activate tab on click of href
Hi, I have tabs in my JSP, tabs are in divs as: <div class="tabs"> <ul class="tabNavigation"> <li><a href="#DALmy_overview_tab">Overview</a></li> <li><a href="#DALmy_sizing_tab">Sizing</a></li> </ul> <!-- tab containers --> <div id="DALmy_overview_tab" class="inner"> Marketing </div> <div id="DALmy_sizing_tab" class="inner"> Size
How to execute a function and send the ID that initiated the event?
Hi all. I have a function in which I manually send an argument which is the name of the ID calling on the function For example (this is placed in a simple onmouseover event within the DIV: rw_moveToTarget("The_ID_of_This_Div") And then the function looks like this: function rw_moveToTarget(DivTargetPassed){ var testVar = $("div[id*="+DivTargetPassed+"]"); var targetPosition = testVar.position(); var leftPosition = targetPosition.left; var topPosition = targetPosition.top;
Mixed Content Warning
Hello everyone, I've looked at a great deal of places and have figured out the cause of the problem I am facing. I am utilizing a bit of jQuery to slide a div down on-click. However in IE when viewing the page (which is utilizing the SSL protocol) I receive the Mixed Content Warning. After reading quite extensively today I have come to realize it's due to a missing src="" in the <iframe> tag. The solution also appears to be simple enough: src="javascript:false; However, I am not explicitly using
Chrome will not run javascript on page requested via $.ajax. Fine in IE/FF
I am using the following code to to make an ajax request for a page and then injecting the response into a div in the current page $.ajax({ type: "GET", url: 'test.htm', data: "id=" + 10, error: function () { alert("failed") }, success: function (data) { $('#container').html(data); } }); test.htm has some basic html and some script to generate some other html $(document).ready(function () { //generate some html and inject into
Question about form fields disabled wilth JQuery
I have to create a form in which the first elements are two radio buttons. Depending on which one is selected, a few more fields will be available for the user, something like an extended version of the form, or they will disappear again like in the beginning. I'm doing this with JQuery of course. So my question is: if I send the short version of the form, will I also send the fields which aren't available now whatever value they might have previously stored (or not)?
Image Categories and separators
Hi, I have a page with some picture thumbnails and I want when I click the black box (category separator) the pictures in the category to expand/collapse like in the screenshots below: I have written the following code but it doesn't work: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var cat1_expanded = false; var cat2_expanded
Having trouble with malformed json?
I am having a problem with php and jquery. My php seems to be malformed. I can't get my login form to work with anything newer than 1.3.2. I have created a ticket but know body can seem to help: http://dev.jquery.com/ticket/6142 I have changed my php to use double quotes instead of single quotes but I am having a problem with this line: echo "{\"status\":false, \"message\":' ".$acl->form()." '}" It works fine for 1.3.2 but not anything newer. I have tried this but it doesn't work at all: echo ("{\"status\":false,
problem with prepend(); - it does nothing...
Hi jquery-jedis! I have an AJAX function success running and want to prepend some html-comments to selected elements. If i alert(); the variable, its perfectly set up. Only it wont prepend(); to the element (or any other like jQuery('body')) as I want it to. I would really appreciate if someone could give me a hint here... Here is the code: success: function(result) { // Define output variable / Define variables var jsv_output, incrementor;
$(document).keydown event not triggered/caught on first click
For some reason the very first time the user presses a key on the HTML page the click is not registered. But if I click one time or press a key then the second time I press a key it registers fine. Here is how the event handler is declared: ..................... $(function() { ....................... ...................... $(document).keydown(function(e) { alert('keydown event'); ................................... .................................. // Other stuff The
JQUERY AJAX works on linux, but not on windows box
I have a strange issue where the code works fine locally and on a linux server but not on a windows server... Works fine on: http://www.bijoudancewear.co.uk/mapper/ Doesn't work on: http://www.faringdongolfcourse.co.uk/mapper/ After clicking on map... If you click on 'Department Stores, fashion & Accessories' (2nd from bottom) it loads the appropriate data on the linux box but not on Windows. Also works fine locally on my mac, there is no ASP or PHP, this is good old fashioned html and jquery. Any
I need help with Ajax and PHP
Hi all, i'm completely new to Ajax and Jquery, I'm trying to detect the result from an ajax request on a php file and perform different events based on the result... for example //PHP Script Code if(example = a){ echo 'example is a'; }else{ echo 'example is b'; } then on the success function of the ajax code, i need a code to detect which of the result is retrieved so that i can act differently on each result.. Like for example; if the result is 'example is a'... i'll like to close the
Help with using jQuery.noConflict()
Hi I have 2 Jquery plugins and i cannot get them to function at the same time despite reading into the noConflict fix. I have added the code for the two plugins and I would plead for someones help in showing me how to get them to work together. I believe it would be easy for someone who knows what they are doing, but i am lost. :( P.S attached is the site. Here is the script from my first Jquery plugin <script src="js/jquery.1.1.4.pack.js" type="text/javascript"></script> <script src="js/jquery-easing.1.1.1.pack.js"
jquery .addClass() .fadeIn() in IE7
Hey guys, ive noticed a problem with my jquery script. It is really laggy and slow in IE7, and fadeIn() is not fading. It is bugging me alot, since the http://api.jquery.com/fadeIn/ works fine in ie7. My script is: $(document).ready(function() { // Global.Variables $slideShow = $('.slideshow'); $slideShowSlide = $slideShow.find('.slide'); $slideShowControl = $slideShow.find('.controls li.bread'); var e; // index.slides and preload.images for (var i = 0; i < $slideShowSlide.length; i++) { $slideShowControl.eq(i).attr('alt',i);
Creating dom elements
i've created this which creates a TR and inside has two TD's the second one has a INPUT element inside it. I was just wondering if it can be simplied or optimised in anyway. Also something I noticed in the firebug console is the input tag isn't closed. Any reason for that and is there a fix? $tr = $("<tr>"); /* create a td and append to tr */ $td = $("<td>", { text: $item.text(), "css": { "width": "200px"
Unexpected behavior with fadeIn callback function
Hello everyone! This my first post on the jQuery forum so please be gentle. Allow me to explain what I wish to do... I have 4 images displayed in the left hand region of my webpage (they are logos for Apple, BlackBerry, Android and Windows Mobile). When the user's mouse moves over a particular logo, I want a picture of that particular platform's phone to gracefully appear on the right hand side. When the user moves their mouse to a different logo, then the original phone should gracefully disappear
$.Ajax request is not working in Chrome
I'm really having trouble to put it to work in Chrome. It runs great in IE and Firefox. Here is the code: $.ajax({url: "../requests/get_xml_oid.php?oid=" + key + "&host=" + Servidor + "&dti=" + document.getElementById("dtinicio").value + "&dtf=" + document.getElementById("dtfim").value, method: 'GET', success: onDataReceived, error: function(XMLHttpRequest, textStatus, errorThrown) {
Changing an image src
Hey All, I have the following code <img src="/filename.ext" id="homeimg" width="623" height="410" alt="" />Under it i also have the following <ul class="moreimages"> <li><a href="/more-image-button.png"><img src="/image.png" alt="" /></a></li> <li><a href="/more-image-button.png"><img src="/image.png" alt="" /></a></li> </ul>What i want to be able to do, is when someone clicks a link, it changes the main image src to the href of the link if that makes sense. So, when someone clicks a
Image switch: custom 'hover' event fails
It's kind of hard to start explaining what i did or maybe even harder why i did it that way. But ok i needed text replacement for custom fonts. Cufon couldn't be used because of the large amount of text and javascript in general on the site. It should play nice on IE6 that's why i chose to use facelift (server side text to image replacement). The problem arose when i needed to show a different font on hover state. I created two elements with the same position and now i want to switch them on hover
how to maintain reference to 'this'
hi im currently using jquery to iterate over the rows in a table, i am then using dwr to make a remote method call to update each row, is it possible to maintain and use the refernce to the row object inside the dwr function? see code my code below where (at the moment) i am doing $("#"+id) instead of just doing a find on the current row object $('#myTable tr').each(function() { row = this; var id = $(row).find(".idCell").html(); MyRemoteDWRClass.geMoreDetails(id,
Regular expression
I have the string: "holder h1" the h1 part dynamically becomes "h2", "h3" etc. sometimes the string contains: "holder finished h1" How can I get the last word of string which would return "h1", "h2", "h3" or whatever the h I am currently on. I hate regular expressions. So you could say. How do I return the end word of a string no matter what it is.
Regarding animation and display property of CSS
Hi all, I have read api documentation of show function of Jquery and in case of using "slow" parameter with show function, I can see perfectly animation box but the animation box is starting to appear in wrong location because of using css display property. Display property is animating with "display:block" whereas my content is using "display:inline". After animation finished as it described in api documentation, my animated content displayed again correct as "display:inline". How can I set display
do not repeat function call
hi. I have a little problem with a second part of this code: $('.inline_search').keyup(function (event) { var $this = $(this); $('.paginator').hide(); if ($this.val().length >= 3) { $('#living-stories-dialog .list .ls').search($this.val()); $('.paginator').hide(); var search_complete = true; } if ((search_complete = true) && ($this.val().length < 3)) { document.getElementById('living_stories').innerHTML = ''; return getJson(); } }); of course function getJson is calling everytime i press a key (if
document ready firing early when unloading
Hello all, I've run into a rather peculiar issue which I was hoping someone might be able to shed some light on. If I have a large document which takes a while to load, but has links in it - the browser will display some links before the document is 'ready'. That's fine, and I can click on these links, which I do, but this fires the $(document).ready function! Surely this shouldn't happen since the page is being unloaded at this point. The reason why this is a problem for me, is that in my ready
Problem with jquery
In my home.aspx page ,asp.net application <scripttype="text/javascript"> $(function() { $(".newsticker-jcarousellite").jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:500, speed:1000 }); }); </script> error: $(".newsticker-jcarousellite").jCarouselLite is not a function for news scroll with image.. Every thing is working fine.. I have so many jqueries in my home page.. Other one is this; <script type="text/javascript"> $(document).ready(function() { $('#ctl00_ContentPlaceHolder1_photos').galleryView({
Hide custom message when downloading ends
Hello. First, excuse me if this issue or similar has been posted here. Well, in my web application, when an icon throws a file download, I show a <div...> with "downloading..." message, and then I submit the form. In my controller, I read the file and write its content in the HttpServletResponse object, that's been received by onSubmit event method. Finally, the standard open/download/cancel dialog is shown, the answer is processed... but my "downloading..." message remains. Can I process that response
How to select an element if and only if a similar elements exists before
Hi all, I have the following: <div id="sidebar"> <p>Some text</p> <p><img src="img.jpg" /></p> </div> I need to apply "margin-top: 5px;" to the img within the second <p> only if there is a preceding <p>. I am not smart enough:o( Please help. Anders, Denmark
JQuery post back issues?
When it comes to post back say a .net check box using JQuery will it be will it better to use the name or the ID of the <td> tag if the checkbox inside it. cheers
Trying to set focus of select that seems natural to user
Hi. I have this code that unhides a select box when the user clicks in the parent li containing it. Now I just want the .focus to seem more natural to the user as if they had just clicked in a normal select. As it stands, you have to click on it again to make it active (view the selections..) Any ideas? $(function(){ $('li.col1').click(function(){ $(this).find('select').removeClass('nodisplay').focus(); }); });
Next Page