AJAX get id
Hi, I would like to use ajax to load a html page and get the content of a specific div. Is it possible to do this? Thank you, Jerodev.
concerning table row selector
well , this code works for me , but there is something wrong , every time the function loads (every 2.5 seconds ) the html is loaded in row [0] cell[0] , and they are stacked above each other . what may be wrong there ? code : var searchtable=document.getElementById("searchtable") var resultscount=0 function resultfound() { searchtable.insertRow(resultscount) searchtable.rows[resultscount].insertCell(0) searchtable.rows[resultscount].cells[0].style.height=295+'px' searchtable.rows[resultscount].cells[0].style.width=625+'px'
.hover() wrong div fires!
Hey, I don't know if anyone can solve this problem or if there are any solution in jquery. Look at this fiddle: http://jsfiddle.net/CW7uF/9/ 1. Hover Main1 --> div2 expands 2. After that hover Main2 ---> then it jumps to Main 3 ---> kinda bad :( I know the problem. If I hover the second Main the first "subdiv" collaps....and then I'm over Main 3 and not over Main 2 anymore. That's why "Main 3" fires.....but is there a solution for this? Or a little trick I can use? Maybe there is a jquery pro who
Is it my jquery code or Internet Explorer that is wrong?
Hi, I have the following code to load an external page into a "holder" div on my main site. It works fine in Firefox but when a user views it in Internet Explorer 7 it seems to hang for a minute or two and then starts to work normally. Also when someone resizes the browser window the site seems to hang again. Is there something wrong with the code below or is it just the limitations of jquery/javascript in Internet Explorer? The basket.cfm loads content from a database and the loadMyBasket function
Fixed element of a navbar
Hi: I'm using the navbar, and it automatically fits "n" elements to span 100% of the viewport, so, if I put 5 elements, each element spans 20%. But I need a fixed element of 50px width, and the rest of the viewport, to be occupied by the other elements. So, in my example of 5 ... the fifth element of 50px width, leave "whatever" pixels, and those pixels are divided by 25% for the rest of 4 elements. How can i do this ? ;)
Unexpected Behaviour
var imgSize = $("#imagescroll ul li").size(); var divSize = $("#imagescroll").width(); var imgTotal = divSize * imgSize $("#imagescroll div b").html(imgSize); $("#imagescroll").width(imgTotal); $(".scroll").click( function() { $(this).removeClass("scroll"); $(this).animate({ marginLeft: '-='+divSize }, "slow" ); } ); My problem is, when the click function removes the class .scroll, it still scrolls even though it shouldn't able to locate the class that it should be applying the animation to? Anyone
Call Web Service with Ajax
I wrote the following code with Dreamweaver: // JavaScript Document function createSoapRequest(value1, value2){ var soapRequest = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:urn="urn:sap-com:document:sap:soap:functions:mc-style"> \ <soapenv:Header/> \ <soapenv:Body> \ <urn:ZSumWs> \ <Input1>' + value1 + '</Input1> \ <Input2>' + value2 + '</Input2> \ </urn:ZSumWs> \ </soapenv:Body> \ </soapenv:Envelope>'; return soapRequest;
Having problems using JQueryUI in facebook.
How do I decrease the width of this? Works perfect on Safari. Too wide for Firebird, Explorer and Chrome
JQuery PeriodicalUpdater. Please Help.
Dear Experts, According to Robert Fischer's JQuery-PeriodicalUpdater on GitHub, it is possible to make an Ajax call for data every so many seconds or so. Description of the code: Whenever page ajax.php loads, I make an Ajax request to PHP page last10entries.php that spits out the last 10 public entries on the site as an xml document. This Ajax code loops through each root XML node and retrieves the text values inside nodes Title and Body. It then returns them to the screen. PHP front page: http://174.52.58.221/ajax.php
Dynamic jQuery API Browser?
Folks, What is this built with and especially is the hierarchical menu (on the left side) a public jQuiry UI widget or something that was custom done? Here take a look http://api.jquery.com/browser/ Regards, zdravko
Progressbar for an upload
I was looking into using the progressbar for an upload process and I cannot find documentation that covers or supports that. Does anyone have the configuration to use as a progress bar for uploading files?
Error with jQuery Dialog
I'm dynamically creating a dialog and filling it with local data, however when it gets created it always appears on the top left corner of the page(not the viewport) and when I try to resize Firebug gives the following message: "uncaught exception: Dimensions: jQuery collection is empty" and of course the resize doesn't work. Here is the code for reference: var id = Math.floor(Math.random()*1000); var $preview = $('<div></div>'); $preview.attr('id',"research_preview"+id); $('body').append(
Cycle plugin and setTimeout or setInterval
Hi, I'm using the cycle plugin from malsup to cycle images that are scheduled for certain times. This means I have been using setInterval or setTimeout to make a json request to retrieve new images if they are scheduled for the current time and then cycling through them. How do I incorporate the cycling of images not to restart after each successive call from setInterval or setTimeout. The code I am using is: $(document).ready(function() { function update() { var update = 'update
Invalid Arument using Google Docs
I am using Tabs and have run into an issue only in IE and only with tab 2 and 3. It runs perfect in all other browsers but IE 8 causes an error. Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0; SU 3.27; GTB6.6; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; InfoPath.2; .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET4.0C; .NET CLR 3.0.30729) Timestamp: Sun, 20 Mar 2011 10:32:44 UTC Message: Invalid argument. Line: 23 Char: 286 Code: 0 URI: https://spreadsheets0.google.com/client/js/3221817329-trix_widgets.js
Combining autocomplete with suggestionlist and clone
Hello, I'm having an issue combining two differnt plugins.. <script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide(); } else { $.post("rpc.php", {queryString: ""+inputString+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); } }); } } // lookup function fill(thisValue) { $('#inputString').val(thisValue); setTimeout("$('#suggestions').hide();", 200); } </script>
Firefox 4 RC loading?
There seem to be somewhat of a problem with loading jQuery in Firefox 4 RC. If you check my companies site: Jade Resor in FF4 RC you'll notice how the slideshow just show the black background. If one visit another page and go back jquery do load .. Since i can't debug the code with firebug i just can't figure out what's going wrong and why. It seems strange that it works sometimes and sometimes not. :f
stopping a loop animation
Hi, I'm having trouble figuring out how to apply stop() to a function which cycles an animation. The animation changes the background by fading in, pausing, and fading out a background div. For smooth effect the animation needs to stop on completion of the fade out. To get the animation to cycle, I've used straight javascript. function breatheIn() { $('#bg1').animate({opacity:"0.9"}, 6400); } function breatheOut() { $('#bg1').animate({opacity:"0.0"}, 6400); } function breathe() { { breatheIn();
Disable dialog behavior for form posts
I've noticed that a form within a page loaded as a dialog seems to reload the animation. What I mean is - I get an ajax post, as expected, but it's like the dialog goes away and re-appears. Is there a way to disable that? I know I could simply write my own code to handle my form post, but I'm hoping there is a simple solution.
How to get rid of the # in the url?
I keep linking pages with Ajax to get transition and the history back button. So the linked pages getting a URL like this: www.domain.com/#fishing.php in fishing.php, i have several sub pages which I load with Ajax too: <a href="#cyanide" data-rel="dialog" data-transition="pop">About Cyanide Fishing</a> <a href="#dynamite" data-rel="dialog" data-transition="pop">About Dynamite Fishing</a> Now I am getting the page loading error when I try to open one of these sub pages. When I remve the # in the
bug on animation during slide down useing slideDown, or .animate, theres no margins and it works on other pages
bug It works fine on my home page however on the page above the animation will jerk to finish after slide about halfway down. slide up works fine. also if i use animate the same results happen. if i use another effect with it in animate such as opacity in addition to slideToggle than it doesn't jump but the color will for a split second. any ideas why this is happening?
Adjust the Scroll Position of an IFrame
Does anyone have an example of how to automatically scroll the page inside an IFrame? I have an IFrame that has no scroll bars, but there's a bit of whitespace that I want to get rid of. Unfortunately, the page in question doesn't have an element in the right area with an ID that I can anchor to. Here is code I was toying with: jQuery(document).ready(function () { jQuery('iframe').contentWindow.scrollTo(20,20); });
live('load',...) doesn't work on images added dynamically to DOM
Hi, I want to be able to execute some callback when images are being added to the DOM dynamically. It's worth mentioning that the images are being brought into the DOM with ajax calls on a third party widget, so I can't hook up to any events of the ajax request/response, nor can I trigger an event on append() and such, because I'm not the one calling those. I tried using $('img').live('load',function(){...}) for this, but it seems live doesn't catch the load event (other events, like mouse events,
Accordion Multiple Submenu
Hi, I'm a newbie to jquery, very much interested to learn it. Trying to write an accordion menu (mouseover menu expand) with multiple submenus, and the structure is built at runtime. Problem: I see the menu created good, but when hover on submenu to see further submenu items, it collapses the parent menu. I basically trying to write something like this (but on hover) - http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php For instance, when hover on 'Discounts' the menu
if radio button checked display div #something else display nothing if un checked
if radio button checked display div #something else display nothing if un checked currently I have this and it works but when I click another radio option the div that was activated before stays there. Want a div to show only if certain radio button is checked and if not checked to hide. $(function(){ $('#offer_2').click(function(){ $('#total2').show(); });
jQuery include?
Hey, i have a little problem.. i include <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> <script src="js/test.js"></script> and it works but if i try to use jquery in the test.js file it didnt work, some idea what i can do or why it is? not even $(document).ready(function(){ alert('bla'); }); (in js/test.js) works.. so im sure thats something wrong with how i included
How do I slide left using the changePage function?
Hi everybody, I have searched and tried to find a way to get the transition to slide left when I use the changePage function. What I'm doing is using the swipe function to change page. My code looks like this: $(".map").bind("swipeleft", function(){ var id = $.mobile.activePage.attr("id"); var newPage = parseInt(id); newPage++; $.mobile.changePage("#"+newPage, "slide"); }); $(".map").bind("swiperight", function(){ var id = $.mobile.activePage.attr("id"); var newPage = parseInt(id); newPage--;
Cycle Issue With New Jquery
I hope someone can help me here. I am not even close to anyone you can call a coder, so please be patient with me. I currently have a slider on my homepage that works fine at this point using an older jquery.js version. I am not sure what version it is and it does not say in the file. Well I am adding a new jquery function within the site and I need to use an update jquery.js file. So I am linking from the google api for the latest version of jquery.js and most everything works on the site just fine,
sliderfader that cycles all images in folder?
Trying to adapt a simple slider/fader so that is cycles through all images in a folder. Using this... <script type="text/javascript"> $(function() { var imgs = [ '../images/1.jpg', '../images/2.jpg', '../images/3.jpg', '../images/4.jpg']; var cnt = imgs.length; var $imageSlide = $('img[id$=imageSlide]'); // set the image control to the last image $imageSlide.attr('src', imgs[cnt-1]); setInterval(Slider, 3000); function Slider() { $imageSlide.fadeOut("slow", function() { $(this).attr('src', imgs[(imgs.length++)
anyone know of a draggable image carousel?
cant seem to find anything like that. would a plugin like dragscrollable do the trick?
Browser scrollbar with added easing - Any ideas?
Hello folks. I was wondering how is this easing added to the browser scrollbar. http://www.moodsofnorway.com/#/home This something that I would like to implement on my website. Is this an adapted scrollTo script? I imagine a function storing a current Y & new Y position on the fly as against a fixed value scrollTo. In my search I had a play with the jquery drag and drop, but I could only implement this effect with a div and not with the scroller. Actually writing the script is beyond me at the moment,
.load() headaches
I have this block of code for a context menu: This menu item works perfectly: else if (action == 'folder') { $.post("php/createfolder.php", { folder: el[0].className }, function(data) { $(el[0].parentNode.parentNode).load("php/loadsection.php", { idClass: el[0].className }, function(data) { createMenu(); makeEditable(); } ); } ); } another part of the code never runs the createmenu or makeEditable functions unless I throw an alert! Can anyone help figure
Select change > remove an item from the select field
What I try to do is the following..let's say I have this form: <select name="sSelectMe" class="someclass"> <option value="">select an option</option> <option value="1">option 1</option> <option value="2">option 2</option> </select> How can I remove the first option from the list when someone selects any item?
jQuery + PHP
Hi Everyone, Is it possible to change a table cell background color or add any attributes based on a criteria, anyway, here's my scenario... I have a php table dynamically created onthefly, (let say on load), then i have a sql query returning some values so illustrating; Table: Sql Result 1 2 3 4 5 2 5 7 6 7 8 9 10 What im trying to achieve is use the sql result to add attributes to the table cells so for the illustration say i want to add a bold attribute
Jquery slide
Hi, I have data coming from a DB and, for each row called, I have a sub nav that is hidden. Clicking on a link will toggle the menu down. I am using; $(this).parent().find("ul.subnav").slideToggle('medium'); Which in essence works, i.e. when I click the selected row it drops down and when I click again it closes. Trouble is if I leave it open and click the next row, I get two open and so on. I want all to close other then the one I have clicked to open! Any help would be apprecied.
iframe onload in webkit browser
Hello there, I have prepared this jsfiddle test http://jsfiddle.net/dujdV/5/ which works in Firefox but not in Chrome. Any idea? Regards, Aamir
Trouble with Nested Resizables
I am using jQuery UI's resizable for nested divs, like so: <div id="resizable1"> <div id="resizable2"> </div> </div> I'm running into a problem where disabling resizable 1 also disables resizable 2. So, if I call the following... $("#resizable1").resizable("disable"); ...then I can no longer resize resizable2 either. Has anyone else encountered this, and know of a way around this behaviour? Thanks!
OK - I need your help with droppable/draggable menu
Hi people - I need Yours help. I have html menu: <div id="tree" style="cursor: move;"> <ul> <li class="draggable" id="recordsArray_6"> <span class="droppable">PORTABLE ELECTRONICS</span> <ul> <li class="draggable" id="recordsArray_7"> <span class="droppable">MP3 PLAYERS</span> <ul> <li class="draggable" id="recordsArray_8"> <span class="droppable">FLASH</span>
how to insert mysql php jQuery
im using this teturial http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/ how to insert to mysql i make a new database for test but can't found the way how to insert the records thank you for your time
Eq Selector Question
Hello, I have a question pertaining to the "eq" selector in jQuery. I"m using something like this to apply classes to the navigation menu below. $.each($('ul.menu'), function(){ $('#' + this.id + '.expandsecond ul:eq(1)').show(); }); Which applys the class "expandfirst" to the first nested ul. Does anyone know how I can apply this to a <ul> even deeper, the third level navigation essentially? <ul id="menu" class="expandfirst"> <li>choice 1 <ul> <li>sub choice 1</li> <li>sub choice 2 <ul> <li>third
Force divbox to move down, if other divbox expand
Hey, look at this fiddle http://jsfiddle.net/CW7uF/4/ I want that if i go e.g. on "Main 1" and the div2 expands the other "Main Tabs" slide down and you can fully see the div2 I just tried to do that with div1 ---> position: relative; but dosnt work Any idea why this dosnt work?
Next Page