DOM Refresh?
I'm trying JQuery for it's ajax options, but I'm having the same old problem I'd always have. I have a list of files uploaded links, with upload, view and delete options to manage these uploads. All using JQuery.ajax. If I perform an operation (upload or delete), the div is updated with a fresh list of links from the database using ajax - all taged with the appropriate class and ID names to function with my JQuery script. Once refreshed though, the delete links no longer work, as if the page does
javasvcript not trigger
Using the selection on the left panel, I load the results on the right panel using jQuery Ajax. So far it's working really good: ... $.ajax({ url: "includes/content.php", data: "letter=" + letter.substr(letter.lastIndexOf("=") + 1), success: function(data) { $('#wrapper').removeClass("loading"); $('#content').html(data).fadeIn(400); } }); ... After the results are loaded on the right panel, I click on an <a> tag (<a class="btn_play">Play</a> ) that is suppose to trigger some
database vb variables to use in jQuery
Hi there, Using jQuery, Ajax, I am getting variables on an ASP page as vb variables. How can I use these variables on my main page in jQuery? Should I write it to a hidden div using "response.write" and get it back via using jQuery or is there a better way of doing this? Or should I write the variables as Json file and then get it? If I should write it as a Json file, how can I do it on an ASP page? Thank you, Thank you, Thank you?
Change execution order of slideDown/Up... I think
Hi I am new to jQuery, and this is the page I'm currently developing. http://90.230.237.71/gandhi.html (Hope that works now :P) When I hit "Show/hide gallery" all the images are first opened vertically, and later they are corrected to their horizontal placement, that's the problem. I don't know if this is due to jQuerys slideDown or entirely CSS-related, but the code is all there for you. Initally, the images are set to display: none, perhaps they then are invisibly stored vertically. Then slideDown
problem with .each in ie7
I have a problem with this in ie 7. I have a table with ids and I use .each to loop trough all the fields in my table and then show results in the table fields. In ie8, firefox and google chrome it works like a charm. But ie7 won't work. It only gives me the first result. Here is my code: function table_array(){ $('input#articleid').each(function(i,v){ $.post('./stockHistory.php',{articleid: $(v).val()},function(response){ if (response != 0){
How could i load a script after the page it's fully loaded.
I am making an project what's require load scripts after the page it's fully loaded, so i use an append and thats work ok, when you make clicks, selects, or other events but when i try to execute some script in the load event theres comes an error. theres my code of the page if anybody needs. window.onload = function(){ var fncName = 'general'; chargeFnc('index', 'srcfnd', fncName); $('#general_bd').ready(function(event){ general(); }); } The page to see the code work it's:http://hidura.webfactional.com
Drop'em Cap! with jQuesy
I'm on course to explore other means for drop cap. Please see it here: http://threedwebkiss.wordpress.com/2010/06/09/drop-cap-text-wrap/ and let me know what you think. I was wondering how could I use jQuery to slice that <p> into <span> lines, using a parameter for that, to choose how many lines, and how to take care of it at window.resize event - reslice. I thought jQuery might help because I want to caver even the worst case scenarios: multile drop cap paragraph per page, very big paragraphs.
.load Content loading from other html-page working in Dreamweaver, but not in Safari
Hi there, i have a problem loading a div/whole page from an external page with jquery. I use the following code: <script type="text/javascript"> $(document).ready(function() { $("#comercial").click(function() { $("#loadgallery").load("gallery.htm").hide().fadeIn('slow');; }); }); }); </script> It works fine in Dreamweaver CS5, but not in Safari (4&5), can anyone help me out ?
Basic ajax query doesn't work in firefox
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function(){ $.ajax({ type: "GET", url: "http://worldmusic.nationalgeographic.com/view/component.alphabet/genres/en_US", dataType: "text", success: function(data){ $("#testbox").html(data); } });
Paginating MySQL data in loaded php script
I have a php script which contains various links which get handled by a jQuery function which in turn passes parameters to and loads another php script. The php script that gets loaded queries a large MySQL database and returns a set of results in an HTML table. Where there is more than 1 page of results the php script provides page numbers which can be clicked on to bring up further pages of results. Where there are more than 20 pages a small algorithm displays an abbreviated set of page numbers,
Can i detect a click within an <iframe> ?
Is there any way that I could detect a click within an Iframe(to an external page, lets say a Facebook like button) and then call a function from my html?
jQuery causes Error in Internet Explorer 6.
I ran into this error while working on a site that needs to be IE6 compatible. It throws an error in ie6 only. ANy help is appreciated. Thanks!
Another jQuery Ajax POST problem with Firefox
Hello, I'm stuck here. I built a pretty simple Ajax request which needs to send some data to the server and put the resulting HTML in a div. Unforunately, I need to POST the data. I used .post() and it worked fine ... *on Chrome and Opera!* ... on Firefox no data gets posted even though firebug shows the data in it's console. I ended up building the longest possible request, just to try all the options. No luck. As soon as I POST anything, Firefox won't receive the data. If this was a Firefox issue,
Easy for pros: use pageX & pageY in another function
Hi, im new to javascript and jQuery. I am currently trying to use jQuerys var x = e.pageX - this.offsetLeft; and var y = e.pageY - this.offsetTop; in an different function named "navigate()" but its not working. How can i fix this? Heres the code: <link rel="stylesheet" type="text/css" href="scripts/rcmenu/jqcontextmenu.css" /> <script type="text/javascript" src="scripts/JQUERY/jquery.js"></script> <script type="text/javascript" src="scripts/rcmenu/jqcontextmenu.js"></script> <script type="text/javascript">
Try to make slideshow in JQuery
Hello. I want to make a slideshow in Jquery.I have 3 divs inside a parent div like bellow: <div id="rotator" > <div class="current"> <img id="one" src="images/banner1.gif" width="480px" height="150px"/> </div> <div > <img id="two" src="images/banner3.gif" width="480px" height="150px"/> </div> <div > <img id="three" src="images/banner4.gif" width="480px" height="150px"/> </div> </div> and also the JQuery : $(function() { setInterval("rotateImages()",5000);
Trying to call a funtion when ANY ajax response ends.
I'm trying to use jQuery to called a Function when ANY ajax call ends, is this possible? The original ajax call may not have been created using jQuery. Heres the story, At my company we have a web package which displays a preview image of a document, and when you update the form, it automatically updates the preview. I've managed to create some javascript which loads on the page, and hides the original preview, allowing me to display a NEW preview which i have more control over, eg, made into a background
Hide/Show in IE
Is there some problem with hide/show in IE 6? I also tried using the .css function..I am new to jquery.. My code looks like this and works fine in Firefox: // JavaScript Document function accordion(){ $('#menutitle ul').css('display','none'); $('#menutitle a').click(function() { var temp=$(this).next(); if(temp.is(':visible')) { temp.slideUp("fast"); return false; } else { $('#menutitle ul').css('display','none'); temp.slideDown("fast");
jquery calling different <div> tags
Hello fellow jQuery'ers! ok my goal is to call two different <div> elements when linking from my un-ordered list of links, (2 different links). Here is a sample of my code so far: <script type="text/javascript"> $(document).ready(function() { $("a").click(function () { $("div#login").toggle("fast"); }); }); </script>this opens up a small login box. my goal is to open a different <div>,
Problem with show/hide
Hi. I'm kinda new to jquery, just playing with some pre-made scripts. I want to make a gallery with an jquery function to change foto + content under the foto. Here's the code (i mixed 2 different show/hide scripts and it's pretty messy right now:( [code]<script src="jquery-latest.js" type="text/javascript"></script> <script src="slicker.js" type="text/javascript"></script> <style type="text/css"> body { font: Arial, Helvetica, sans-serif normal 10px; margin: 0; padding: 0; } * {margin: 0;
No-repeat animation on load
Hi all, I'm new on jQuery. I'm developing an intro transition for a website. I've already done the FadeIn - FadeOut code for the page, here the example (http://www.ildodo.org/new_reload/test.php), but I've a little problem. When I click on the home button the animation restart. Anyone now how to prevent this? Thanks in advice
Can I pass more than 1 parameter to the click function?
I currently have the following: <a href="#" id='$dbase'>Link</a> which passes the value of $dbase to my jQuery click function. But I'd like to also pass a second parameter consisting of a page number. Can that be done using the click function or would I have to do it another way. I'm assuming it must be possible. I suppose i could always concatenate the two parameters, e.g. $dbase-$pagenum, pass that and then split it in the javascript but that seems a slightly inelegant way of doing it. __
Minified and GZipped
Maybe this is not the correct place to ask this. Sorry and move it if not !! I were wondering wich tool is the required, to minify and pack a .js file like the jquery.min.js is ?? Since I have quite a lot Javascript in my RIA, I'm feeling like minifying and GZipping it xD I know there's a lot of tools on the web, but they don't do it like in the jQuery file ... So it's accesible that kind of tool ?? Where ?? Thanks in advance
IE/Opera ignoring load() function?
I'm using the following chunk of code to find images located in a specific span and then I'm setting the span width to equal the width of the image that's inside of it. This is for adding captions to images through an editor that our writers use. By forcing the span to equal the same width of the image, the writers can just enter whatever captions they want and don't have to worry about manually adding <br /> tags to format the captions correctly. $('.overview-content .caption img')
Need help
Hi I have the following piece of code and am not sure why some of it isn't working. The gist of the problem is that I have a function I am calling in the document.ready method. The function being called modifies some dom elements and trys to bind the change and click events to another dom object. The dom manipulation happens just fine, but the change and click events do not work...am unsure what I am doing wrong? M $j(document).ready(function() { //Calls function to capture/preserve history
Better approach for a custom scroller? RE: a scrollbar I programmed to scroll through work samples.
Hi all. At the URL below I have a work portfolio in development that simply uses a scroll bar to move through the work samples. All is working well except the button is a little sticky. I am using the MOUSEOVER event on the scroll bar button which can not keep up with the left/right motion of the mouse and it gets stuck so you have to go back and grab it. I tried to nest the button in another DIV to expand the hot spot but it came with another set of issues. I also tried padding and margin settings.
.hover() not working for Chrome
I have the following code: scrollhandleEl.hover( function () { isMouseOver = true; }, function () { isMouseOver = false; } );...which works fine in Firefox. For some reason it make Chrome stumble and the whole context falls down. My var scrollHandleEl can be traced as a dom object. var isMouseOver is defined as
add tr at the beginning of the table
hi how can i add a tr using jquery dynamically as the first row of the table
Retrieving Table cell value when clicking on checkbox
Hello all, I have a asp.net gridview wich has checkboxes for user selection. What I want to do is retrive the value of a cell when the user clicks on the checkbox
Dynamically calling a function in a .load() snippet on IE7
I have a snippet of code that is brought into the DOM via a .load() call --- snippet --- <script type="text/javascript"> function foo() { alert("foo"); } </script> <div> ... </div> --- In the main html page, I attempt to dynamically call foo() via window["foo"](); But IE7 complains that there is no such object available. Local functions (functions defined in the main page) can be dynamically called without issue. This works in FF 3.6x, Chrome 5.0x and IE8, but not IE7 Any suggestions for a work-around?
.load(), .eval(), IE - always IE :(
I have a problem that's occurring in IE (7) and no other browser (surprise surprise). On my site I've defined a function loadAJAX, that displays an animated loading image, commences a .load() function, .eval's the scripts inside the AJAX chunk, and then hides the animated loading image: function loadAJAX(phpFile, divElement) { $("#loadingImage").show(); $("#animatedLoadingDiv").show(); var url = "includes/" + phpFile; $("#" + divElement).load(url, function() { $("#"
Problem: table sorting and pagination with jquery plugin tablesorter
Hi, I have a table which has 100 rows which also has pagination. each page shows up 10 records. I am using jquery plugins tablesorter and pager from http://tablesorter.com/docs/. Sorting and pagination work like a charm. Now what I am trying to do is to show up a div when i click on each table cell. when i load the 1st page of the table (i.e: 10 records) it works fine. but when I either sort it or go to any other page using the pagination it stops working. the popup does not come up at all.
Get json file with ajax
How can I get the json that this url generates? http://nvmodules.netvibes.com/widget/json?uwaUrl=http://www.netvibes.com/api/uwa/examples/digg.xhtml It returns a json object as a file to download, I've tried getting the data as jsonp, but it needs a callback in the feed, but I can't generate it cause the server which generates the code is external. Here is what I've tried: $.ajax({ dataType: 'jsonp', url: 'http://nvmodules.netvibes.com/widget/json?uwaUrl=http://www.netvibes.com/api/uwa/examples/digg.xhtml',
Progress Bar Click
Is it possible to click on the progress bar and have its value change? Say I click at 75% of the bars length, the value changes to 75%. Does that make sense? I am working on seeking of an html5 video and I am using the jquery ui progress bar.
How can I put a slash bevore a particular src-attribut
Hi folks, i have to work with absolute path (because of mod_rewrite) in my little CMS. But I cant't teach my editor (TinyMCE) to put a slash bevore the image-path. Now I want to do it with jQuery but I dont know how! This is how my image-element looks like: <img src="useruploads/images/some_img.jpg"> and I want to change it to this: <img src="/useruploads/images/some_img.jpg"> there are a lot of images with differnt names on the site, so how can I match only these ones who has this specific src-attributs
.closet() with paramters
I need a code to get the closet h1 element that not hidden (display != none), how can I do it and I prefer without foreach. thx, red7711.
Yahoo Json $.each
I used Yahoo to get a Json result back. My query jQuery.get('/Ethnic/JsonData', function (result) { $('#JsonList').empty(); $('#JsonList').append('<li>' + result + '</li>'); $.each(result, function (index, value) { $('#JsonList').append('<li>' + value + '</li>'); }); } ); produces each character in the result list instead of getting me the data. Can some one help? I have given below the Yahoo result. Thanks. Vijay { "ResultSet": { "totalResultsAvailable": "690", "totalResultsReturned":
Accessing DOM on dynamically loaded content
I have loaded a fragment into a div using the .load function. Is it possible to access the newly loaded content for editing? $("#outfitTopDesc").load(""+itemTop+" #productTitle, #productDescription, #productPrice"); var linkDiv = document.getElementById("productArticles"); var links = linkDiv.getElementsByTagName("a"); var test = document.getElementById("productAddToCart"); var formTest = test.getElementsByTagName("form"); alert(formTest); My alert dialog never
navigation active link with jquery
Hey, I'm using jquery to load my files into one div. But because of the jquery its not setting the a active to what i want. Any idea how to slove this? I want to set the active to white so the user knows which section he/she is on. Link to site is here: www.godleydesign.co.uk/aparker body { background: #02090F url(../images/background.png) no-repeat; } #container { margin-left:390px; } #header { width:700px; color:#ffffff; text-align:center; word-spacing: 30px; border:0px solid red; } #topsection
Issue with :text selector
I'm working with HTML5 input attributes, particularly email and I've spotted an inconsistency between Safari and Chrome vs Firefox and IE. In FF and IE, using the :text selector selects both text and email inputs. In Safari and Chrome, only text inputs are selected. I tested in Safari 5, Chrome 5.03, FF 3.6.3 (all on OS X) and IE8. Here is my sample code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Testing HTML5 email tags</title> <script type="text/javascript"
.live and .livequery after .load()
Here is my problem, been working on it for a while now but still having a few problems. The goal is to load external code into a <div>. from the research i've done and the help on this forum the best way to load the content is to use the .load jquery function. This is working properly and it loads static pages without a problem. My goal now is to be able to use jquery in the newly loaded content. the problem that I have is that when the content is loaded into the <div> the event handlers do not
Next Page