Load JS script inside HTML
Hello, I want to change from 1.3.2 to 1.4.2 but I block facing unexpected behavior : The code <script type="text/javascript"></script> is filter when I use $() [http://api.jquery.com/jQuery/] with a context. The javascript inside the HTML is not executed. An example : Page which called another with Ajax <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title>
Problem with Cufon and jQuery elements not showing up in IE7
Hi, This is my first post on this forum... I'm working on a website which based on Wordpress and a theme called "Awake". This theme works fine in IE7 with the cufon and jQuery, but now when I've edited it the cufon and jQuery elements is not showing up at all in IE7... but the thing is, I've only edited the CSS and the color of the cufon-headers... so I don't know why it's not working.. When I test it in IE-tester i get this popup-message which says "There's something wrong with the script ... line
.get fails in IE
Hi all... I'm having a problem which is that when i do $.get(....., function(data){alert(data);}) in IE the alert show me ALL HTML CODE OF THE PAGE, but in Mozilla show me just what I return in the php funcion... what is wrong? It's possibly that $.get doesn't work in IE... the url is OK, the parameters are OK, so... IE is allways producing me headackes... :( i need help because i don't understand why it works less in IE... Here is my code: $.get(url, {foovar:foovalue}, function(data) { //in my function
Show Hide Div
Hi, i have 3 link in top of page. now how to add div for each link after click . Example : LINK 1 | LINK2 |LINK3 When Click Link 1 Open Div and Show Loading Message . . . . . ( comment form using Php include or External page ) and after send comment close(hide) Div Automatic. When Click Link 2 Open Div and Show Loading Message . . . . . ( tell friends form using Php include or External page ) and after send tell friends close(hide) Div Automatic. Link3 ............................... Thanks
android ajax
Hi, I am new to browsers on these new generation phones like Android, iPhone. Wanted to know if simple ajax calls work there? Thanks, Siddharth
ajax - always getting empty response
Hi all, I am making a call like - $('#display').load(adnwurl, function(response, status, xhr) { alert(response); }); And also tried with - $.get(adnwurl, {}, function(data) { alert('Load was performed. =>'+data); }, "html"); In both the cases I am getting an empty response instead of expected html response. If I just copy paste this adnwurl in browser, I do get a proper html response. Its not working with ajax call. adnwurl
Need Logic - Tab Disable
Hi, Anybody have a idea for Tab disable functionality logic? I am doing one small plugin for tab work without using jquery ui tab plugin. So i need a tab disabled logic. Please explain me. Regards, Dinesh
My jquery works on IE but not on Firefox
I've load form.php page on index.php page with .load() function. Then include form.js in the form.php that validate and submit the form. It works on IE but not on firefox. But If I load the form.php page directly on firefox it works. What is the problem!?
My jquery work on IE but not on firefox
I load a form with .load(''page") function. In my form I have validation javascript codes and jquery form submit. It works on IE but not on firefox. If I open the form page directly it works on firefox too! What is the problem!?
my offset is not getting set
hii i have following code with div but i am not able to get set positions of div please help .. <html > <head> <script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script> </head> <body> <div id="popupContact" style="position:absolute;left:100px;top:100px;width:100px;height:50px;background-color:orange;border:1px solid red
upload with process bar
hi everybody i try to do upload file with process bar (ajax processing). who can give me some imformation or docuemnt about that. i use php and jquery.
Problem updating a textarea (Firefox only)
I'm very new to using Jquery, so please bear with me if this is a dumb question... I'm using the following code to change the text inside of a textarea based on the text inside another div, which is chosen by a set of radio buttons: $('#letter-container').html(letterHTML); $("input[name='letters']").change( function() { var letterValue = $('input[name=letters]:checked').val(); var letterDivName = '#letter-' + letterValue; $('#edit-body').html($(letterDivName).html());
Menu "delay" design
Hi, I'm building a simple menu that pops up when hovering over a link. Things work pretty well my only issue is when scrolling over the link quickly the menu appears and disappears causing an annoying flicker. Most other menus don't seem to do that. My question is about the "best" way to fix this? Is there a common pattern used? Thanks
Show ver. on api.jquery.com?
I think a useful addition to the already mind-blowing api.jquery.com could be to show the current release somewhere subtle (i.e. mirror p.jq-version on jquery.com). Maybe in div#jq-interiorNavigation? Could link to homepage for easy download.
Changing an HREF value
What is a good way to switch a number at the end of a string? Im trying to change the value 0 to value 1 at the end of a URL when a button is clicked. (And vise-versa) So if I have this: <a class="important_ajax" href="projects/important_ajax/0"></a> Them the part here should be simple but im unsure of a good way to do this easily: $(".important_ajax").click(function() { $obj = $(this); // So I can use THIS object inside of other objects. $url = $obj.attr('href'); // This is the URL: projects/important_ajax/0
.load() using load then applying actions to classes from the loaded content
Hi, I have a question about load(). I created a php script that simply returns <img src="something.jpg" class="myimage"> To test I created this code, the image loads fine and the mouseover works fine showing the alert dialog : $('#mydiv').load('myfile.php'); $('#mydiv').mouseover(function(){ alert('TEST'); }) However, my trouble seems to be that if I bind mouseover to the class "myimage" nothing happens, like so : $('#mydiv').load('myfile.php');
JQuery actions immediately "undo" themselves?
So I am no stranger to Jquery... Used it many times in the past. But I have an issue I cannot seem to understand. I am working on my own portfolio site and I have a grid of href's that are meant to be clicked, animating the parent DIV up 650 px and then queue another action which I have yet to develop. When I started developing this, I was unable to get anything to happen at all. So I checked my work and saw that the events were being recognized because I could get an alert message to pop up. But
Problem with Ajax login form
I'm having some trouble with getting this login form to work properly. I'm trying to validate it with server side php through a jquery ajax call. HTML code <form action="login.php" method="post" id="login-form"> <label for="user">user:</label><input type="text" name="user" id="user" value="<?php print $user; ?>" /><br/> <label for="user">pass:</label><input type="password" name="pass" id="pass" value="" /> <input type="submit" value="enter" id="submit" class="submit" /> </form> Here is the jquery
Selective SSL, Ajax and JSONP
Hi folks, I have progressed to the user authentication of a web app I'm building. Implemented the mechanics of the login process in HTTP originally. The idea is for the login process to create a PHPSESSID which the SQL PHP would then recover. Worked all fine with HTTP. I then proceeded to enable SSL to hide the login dialog and session id. The bulk of the app should continue to download stuff using HTTP. So I have a sequence like HTTPS redirects to HTTP makes $.ajax calls to HTTPS. The latter
On a smushed fixed-width table, jquery.width returns bad values
I have a fixed width table with several columns. When populated with data, the natural width of the table is longer than the fixed with, so the column widths are compressed. However, when using .width() on the table cells, jquery gives me bad values which seem to be "what the width should be" as opposed to "what the width is". For example, I have a column titled "Description". When asking jquery for the width or outerWidth of the cell, it gives me 57. However examining a screenshot in photoshop,
jQuery drag & drop works in html
Does jQuery drag & drop functionality work on HTML as well? I used button tags and used same drag & drop jQuery function to get it work. But unfortunately it does not work? Is it possible to call drag & drop functions for HTML buttons? I would be glad if you can help me. Here is the code that I used for that. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> <script src="jquery-1.4.2.js"></script> <script src="jquery-ui.js"></script>
AJAX and events
Hi. I have a div set to display: none. When a checkbox on the form is checked, I'd like the div to appear. I was able to do this without a problem using jQuery. Then I decided to load the form into a page via AJAX instead (I have reasons for this, though I can't guarantee they are GOOD reasons. :-)) Now I can't get that div to appear when the checkbox is clicked. The "main" page is foo.php. Depending on the nav selection you select, it pulls in the form. In this case it's bar.php. Here's my code
Need to load a full page and take content from it.
Well basically, I'm using .load() multiple times which takes very long to load and its all from the same page just getting different #ids and .classes foreach($Servers as $Server){ $Array[] = '<!-- Auto generated: "'. $Server['ServiceName'] .'" -->'; $Array[] = "$('#". $Server['ServiceName'] ." .Hostname').fadeOut('slow', function(){ $('#". $Server['ServiceName'] ." .Hostname').load('./includes/serversinfo.php #servers #". $Server['ServiceName'] ." .Hostname',
:empty, select and .serialize()
Hi! I found a jQuery bug: http://jsfiddle.net/TbJ9G/ Case: If you have an select-option with value="" (or be :empty), it will be selected. :S Bye.
removing an element from a jQuery type object
So I've got a nested object that has this structure: {"big_s": {"s1":{"params":{"p1":"stuff","p2":stuff2"","p3":"stuff3"}}, "s2":{"params":{"p1":"stuff","p2":"stuff2","p3":"stuff3"}} } } how would I go about removing one of the inner objects - s1 or s2? I've tried all sorts of ways but can't seem to get anything to remove an item from a jQuery object.
Problem with AJAX
Hello, I am trying to make an AJAX script work, please tell me what I am doing wrong here This here's the JQuery/HTML part <html> <head> <script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#submit").onClick(function(){ $.post("chsend.php", { name: $("#name").val(); email: $("#email").val(); msg: $("#msg").val();}, function(data){ alert(data); if(data == "name" || data == "email"
why $(window['iframeName'].document.body).html() doesn't work when i change .attr('src')
why $(window['iframeName'].document.body).html() doesn't work when i change .attr('src') when i set the src attribute of iframe to any url when i creating the page, this code $(window['iframeName'].document.body).html() will work. but when i change the src attribute by .attr('src',"www.google.com.sa") and wait to load the page, $(window['iframeName'].document.body).html() will doesn't work. Where is the problem ?
Can I use elements loaded into the DOM with html() immediately?
For example: $('#mydiv').html('<div><p><span id="innerElement"></span></p></div>'); $('#innerElement').css('color','red'); This is a trivial example which I'm sure would work - but if the html being loaded is complex - a large html fragment with many elements - the question is are the elements immediately available to the jQuery selector and DOM operations? I would have thought not - as the elements have to be added to the DOM and that can take a lot more time than just executing code. This seems
fadeOut() callback problem/issue in Safari and Chrome (unexpected behavior)
I am running into an issue where the behavior of the following code works as expected only in Firefox and not in Safari or Chrome. It should fadeout #statusblock, and then via callback change the HTML and fadein #statusblock. In firefox this works fine, but in Safari and Chrome, the HTML is changed BEFORE fading out. It makes no sense to me as the HTML change is in the callback. $('#statusblock').fadeOut(1000, function() { $('#statusblock').fadeIn(1000).html(changingstring); }); Any ideas???
Ajax request works with .xml files but not .php files
In my quest to implement ajax for the first time i've hit a brick wall. i've been searching for hours for a solution but with no success. Here is the problem. this code works and shows an the alert function SaveReport(){ $j.ajax({ type: "POST", url: "newXMLDocument.xml", dataType: "xml", success: function(xml) { if ($j("status",xml).text() == '1') { alert('status=1'); } } }); Here is
RSSParsing images
Hello I tried many jquery rssparser but none of them showed images. Could you please provide me a RSS parser which shows images as well? Regards Altaico
i want jquery library for codeigniter ?
i want jquery library for codeigniter and how to use jquery in codeigniter .
Trigger an Event when some element appears on the screen, (like hes scrolling when appears the element trigger something) , how to?
Trigger an Event when some element appears on the screen, (like the person is scrolling when the element that we set appears, the event trigger) , how to do that, does anyone know? thanks in advance. ^^ I also would like to know how Google Images does, at first it appears to look like a gigantic page, because the scroll is very big, but actually the content loads only when you position your scroll in the area. A very smart system if anyone knows how to do that, I would also be very pleased! ^^
jquery modal dialog problem
I want to use a jquery modal dialog, but for some reason when i call one it stretches my entire page (in IE). With other words, i can scroll down for a veeery long time, eventhough there isn't any content all the way down there. Also, when i try to use it in Chrome it changes the looks of a few DIVS on my page. It also stretches my page a bit, but not as much as in IE. Anyone know about this behaviour? And what might be causing this problem?
Keeping Accordion Menu open when menu items area selected?
Hey ladies and gents, I wonder if anyone can help me, massive help if you can :) I have created a jquery accordion menu for a brilliant CMS called 'Concrete5' and all works lovely BUT I now would like the menu to stay open if a menu item is selected within the drop list. I have manged to create the following..... var pathname = window.location.pathname; var selecteda = $(".nav-selected a").attr("href"); // alert (selecteda) // alert (pathname) if ( selecteda == pathname ){
tooltip with jquery
i'm creating tooltip for my web <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>tooltips</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ $('a[rel^=tooltip]').mouseover(function(e){
XML find and each not finding or "eaching".
Here is my xml output from the php file... <?xml version="1.0" encoding="utf-8" ?><msgs crid="0"><msg><time>1282858661408571</time><uid>Sub7</uid><text>ds</text></msg><msg><time>1282858673545392</time><uid>Sub7</uid><text>d</text></msg></msgs><users crid="0"></users> Here is my javascript function. Everything is working normally up to here (checked in firedebugger). function parseXml(xml) { $(xml).find('msgs').each(function(){ alert(1); var crid = $(this).attr('crid'); $(this).find('msg').each(function(){
Strange behaviour of .load() in Firefox?
I was debugging some network traffic in Firebug and I noticed something rather strange: the GET request generated by $("#welcome").load("welcome.html"); was still spinning (in the Timeline) - despite the content of welcome.html having been properly displayed in #welcome for minutes. The behaviour doesn't change even following further network traffic. It looks like the .load() request hasn't terminated properly. This is entirely reproducible. Anyone noticed this behaviour before? Is this normal?
IE7/8 clone/append problem..
I've been struggling with a huge problem on IE7/8. I’m working within jQuery 1.2.6 (Drupal) and I’m using the .clone() function followed by multiple .append() functions. I’m working on an image carousel where I’m copying several images five times. Those images have mouse (hover & click) events attached to them. When I clone and append it all works good in FF, Chrome & Safari. Anyway, in IE there are 2 problems after those actions: I copy the imageslider 5 times and IE displays only the first
taking baby steps: adding fades to container replacement(ajax)
Hello - I've been stepping back and trying to understand basic ajax calls again. I want to build up a simple gallery. I've got that done, but now I want to add fades, and eventually slides effects to the main image. I can't figure out how to coordindate the timing or a fadeOut on the current image with a fadein on the incoming image. Any thoughts? Right now it just fades and the of course gets hidden. http://carolannart.com/_dev/ajaxForum/index.htm Also not sure if I should fade a container around
Next Page