I load a div of a page into another page using jquery. The div has jquery collapsible panels. They fail.
I am new to jquery. I spent a few days studying javascript, css, and jquery, and then started programming. What I want to do is load a div from another page into my page. This works. So on my main page, I have a set of buttons, and when I click on a button, a corresponding div gets loaded from the appropriate secondary page. For instance, if I click on a button labeled "lady Gaga", I get a bio of lady Gaga loaded into a div in my page. (The bio originates in a div on another web page on my
how to make the nav as horizontal?
Greeting , how to make the nav as horizontal? i have this code please reply me <style type="text/css"> .tab-nav { width: 610px; overflow: hidden; background: #ddd url(tab-slide.png) no-repeat 0 0; } .tab-nav ul { position: relative; float: left; width: 1600px; margin-left: 535px; padding-left: 0; list-style-type: none; background-color: #fff; } .tab-nav li { float: left; clear: left; } .tab-nav
random slide of images, and menu on top
now you see a rectangular beam with image inside and the 4 menu items on the right, now, I would like to be the 4 menu items, but replace the fixed image background with a random sequence of images, with fade in transition from one image to another. Is it possible? and with which jquery gallery (free)? The home page is www.renderit.it thank you very much
How do I insert email address from form submission into img src tag?
Hi guys need a little assist. I have a newsletter sign up form that I want to add a subscriber to a Bronto newsletter listing. Bronto gives me an <img> tag the source looks a little something like so: <img src="http://app.bronto.com/public/?q=direct_add&fn=Public_DirectAddForm&id=azwpqvjgpymtfjtylrmjyverwlopbli&email=example@example.com&doubleOptin=1&sendWelcome=yes&messageId=3f40ed9b14c78514cbc027a43381e1ee&fromName=SAmple+Online&fromAddress=info@example.com" width="0" height="0" border="0" alt=""/>The
display row no in sorted tables.
Hi everyone, I'm using JQuery table sorting. I'm facing a problem that is when i sort columns my row number that is first column of my report get disturbed. I want that when i sort data first row serial no should start with 1. any solution for this issue. please help. Regards, Kashif.
Wait to finish before next.
Hi, I am new to jquery and cannot figure this out. I am using a extended class for addclass and removeclass. These two lines are taken from the script. addClass: function(classNames, speed, easing, callback) {... removeClass: function(classNames,speed,easing,callback) {.. Basically the extended class puts an animation on the item. THe issue is if I click on a item everything works, but if I click on another item very quick before the animation stops it starts again, so it does not wait for the call
append with html string not working in IE8
Hi, What is the difference between calling append with html string vs dom object? It seems in IE8, the following code, append with html string does not work well while append with dom object works well. FF(I am using 3.6.13) does not have this problem. Anyone has the same issue? Thanks, Stone <!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 content="text/html; charset=utf-8"
Just started jquery and am stuck.
I am using an extended addclass and removeclass that basically just adds a animation onto it. I took this from the script: addClass: function(classNames, speed, easing, callback) removeClass: function(classNames,speed,easing,callback) My issue is that I need to run the following code, but if a user clicks a item then another before the last one finished it causes two items to change classes. I tried playing around with the callback, but I can't get it to work. This is what I need to do though.
Selecting all td elements in a row but the first one
Hi, all I have the following code that works fine (except the show/hide animation for the rows is proving to be a pain to get working): $('tr.docRow') .hover(function() { $(this).toggleClass('hover').css('cursor', 'pointer'); }) .click(function() { // Show and hide the row after the row that was clicked on $(this).next().toggle(); }); In the table this is for, I have a checkbox in the first cell in the row the user hovers and clicks on to expand the following row.
Help with a simple clone question
Need help from the gurus once again. I just can't seem to grasp cycling through elements very well...haha I have the following code that works well. $("#selected_products .innertxt2").live('click', function() {//used to to move product to #all_products var product_clone = $(this).clone(true); $(product_clone).removeClass('innertxt2'); $(product_clone).addClass('innertxt'); $('#all_products').append(product_clone); $(this).remove(); });//end click However, I would like to put the div with class innertxt2
help with hide div
hi to all, i want to create a hide up/down effect that hide my radio stream.. the problem is when using other than IE, the radio will automatically stop when i hide down the radio. the IE does not react this way..
Image op top of JQuery animation
Hi, Please see http://www.billboardsetcinc.com/newsite/index.html/ I need the image of the girl to be in front of the billboard jQuery animation. Got any ideas? Thanks for your help!
Float a image to whole page
Hi, I was searching to float a image to whole page, like I am having butterfly image (.gif) now I want to fly it in my whole document which is already populated with sorts of data. So is it possible with jQuery or I have to use Flash.. Thanks in advance.
Request ok, return not ok
EDIT : Solved Hi there, I've been spinning around for 2 days now so I decided to beg the community for help lol I'm coding a live username checker and I have a problem with the data returned by my Ajax request. (http://www.youtube.com/watch?v=9owt8HnO4dI I made a video, sorry it's in french but even without the audio, the video pretty clearly explain itself) I have three pages : - registration.php // registration form - chain_check.php // check for forbidden special characters - usr_chk.php // check
jQuery Effects weird side affect in Webkit
First off, this issue was posted in http://bugs.jquery.com/ticket/8301... But after the bug was labeled "worksforme" I found out that its only in Webkit, and it seems to uneffected by different jQuery versions... Basicly I have a series of divs that are styled with display:table, display:table-row, and display:table-cell. What happens is when I don't style the div that I am using jQuery effects on with display:table-cell, but the rest of the divs are styled properly, when you, for example, $.fadeOut()
JSONP and cleanup
Hi, I'm using $.ajax function with jsonp data type. When using jsonp, jQuery automatically generate a callback function but, is this generated function remove from DOM after the response has been received ? Thanks for your help.
Simple fadein fadeout with span caption
I'm trying to get this simple slider to work. All I want it to do is fade the LI in, then fade the LI SPAN in. Then pause 3 seconds. Then fade the .current LI SPAN out, then fade the .current LI out. Then fade in the next LI, then next LI SPAN etc. and continue the loop. My code isn't working. It only seems to loop through the first LI. <script type="text/javascript"> function showslide () { $('.slider ul li.current').fadeIn(1000, function () { $('.slider ul li.current
text function works in IE8, but not in FF3.6.13. Note the use of jQuery for position of canvas.
function AddText(text, x, y, color, size) { labelCount++ var position = $("canvas").position(); var CanvasX = x + position.left + document.documentElement.scrollLeft; // -5 accounts for half the text height var CanvasY = y + position.top + document.documentElement.scrollTop - 5; var label = document.createElement("div"); label.id = "label" + labelCount; label.style.position = "absolute"; label.style.left = CanvasX; label.style.top = CanvasY; label.style.fontFamily = "sans-serif"; label.style.fontSize
how to find out if the user held down a key?
how can I do to detect if the user presses a key remained, and when he "dropped"button? is that possible? sorry for my bad English ... thanks
disable toggle button during animation
Hi, Is it possible to disable a $.toggle() controlled button (image) during an animation? (I animate up and down a DIV playing with z-index, and when I click on the button when it's animating, the DIV slides down incorrectly...) Or may I use click events and bind / unbind button when it's needed? Thank you
How to return true on link without breaking scrollto
Hi, I am using the below function to scroll to sections on a menu. It works but I need the links that activate the scrollto to still be links to pages. If I change "return false;" to "return true;" this links to the pages but the scrollto function does not work. Is there anyway it can do both? Many thanks in advance for your help. $(function(){ var $pane = $('#scroll-pane'); $pane.jScrollPane({animateTo:true}); $('a#scroll-to').bind( 'click', function(){
Using Jquery
Hi, I am a novice in java script but use but I use a lot of plugins for image carousels and other stuffs. I have a little snag today, I am using a different script for image fading and another script for hover fade image and both have jquery. Now I cant use both of them together. Can anyone help please...
initializing
Hello, new to javascript / jquery and trying to debug some code used on a sharepoint site I woulder if this code is correkt (please note that the $deJQ is initialized twice) var $deJQ = jQuery.noConflict(); . .lots of code linies .using the $deJQ object . var $deJQ = jQuery.noConflict(); . .more code using the $deJQ Object as I see the first dreated $deJQ object will be destroyed on line 8 and re-initialized, but I could be wrong as javascript isent my field. have you any comments on this ?
.get problem with php include
I have a problem with php include and using .get() function. Here's the thing: I have three files test.php, test2.php and test3.php. In test.php, there is this simple script: $.get("test2.php", function(data){ alert(data); },"json"); File test2.php <?php include("test3.php"); $bla = 3; print(json_encode($bla)); ?> File test3.php is empty. Everything is working fine without the line include("test3.php"); With including the file the callback function
small code work in all browser but IE, particularly IE8
jQuery.fn.hoverToggleClass = function(class){ return this.live('mouseover mouseout',function(e){ if(e.type=='mouseover'){ $(this).addClass(class); }else{ $(this).removeClass(class); } }); } The code is too simple to cause a problem i think, but in IE8 it says "expected identifier". I have no idea what it wants.
Generate closing slash on br tag
$(someElement).append($('<br/>') results in <br> but I want <br/> How can I achieve this ? Thanks Kropotkin
Filter TABLE rows: Need spaces in INPUT to match in items
I am trying to filter only the TABLE rows with LABELS that match what is entered into an input field. The problem is that a SPACE typed in the INPUT does not match a &NBSP; - How can I fix that? FYI: I cannot change the HTML. http://jsfiddle.net/getsetbro/4Gjka/1/
$org field value don't save into database? JQuery
Hi guys, These are my codes below, [B]index.php[/B] <!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> <title>Submit form using Jquery to MySQL with PHP</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script src="jquery-1.4.2.js" type="text/javascript"></script> <script src="jquery.js" type="text/javascript"></script> </head> <body> <div
Do any plugins exist for blocking all of a page except for a particular element and it's contents?
Hi, I have a need to do what I'm kind of terming as reverse-blocking. It's very similiar to what occurs when you open a modal dialog, except that I don't want to open a dialog but rather apply it to an element on the page such as a div. I'm wondering if any plugins exist that can do this, or if I need to create something new. To give a little more background, I have a page with several 'modules' on it that are basically div containers with a bunch of input controls within each one. Each 'module'
Event namespaces are ignored when bubbeling up!
Hi, I've found some strange behaviour with event namespaces. Simple example: $( "body" ) .bind( "testevent", function () { alert( "should not trigger in body" ); }) .bind( "testevent.active", function () { alert( "should trigger in body" ); }); $( "#test" ) .bind( "testevent", function () { alert( "should not trigger in #test" ); }) .bind( "testevent.active", function () { alert( "should trigger in #test" );
Preload image and then fadeIn?
Hi, I have a large image that I change by clicking on some small images to change it. I use this code to preload images and then fade in, but it doesn't look nice. Once the images are cached into the computer the fading is perfect, but the first time it seems like it fades at the same time as it loads. I wonder if it could be done in some other way? Perhaps use a callback or preload all images into an array, but I'm new and don't really knows how to put i together yet? $("#bild1").click(function(){
Random background Image Function Issue
I have the below function but its not giving any errors or outputting anything, any ideas? <script language="Javascript"><!-- function getHeaderImg() { images = new Array(8); images[0] = "image1.jpg"; images[1] = "image2.jpg"; images[2] = "image3.jpg"; index = Math.floor(Math.random() * images.length); document.write(images[index]); } $('.headerBKG').css({ backgroundImage: "url("+getHeaderImg()+")" }); // --></script>
ajax event when partial response chunk done
I have a page that takes about 15 seconds to complete. But the page starts outputing content after a half second. Is there a way for jquery to throw an event at that time? For every chunk? Maby there is a plugin that I can use where I can define "chunk"? Maby an event when there is a newline or some other marker. My visitors would rather see something else than "please wait", if possible.
Validation on click Submit
I have two selection and one input box on click submit button I want to check if selctor1 value is none then alert some thing. If selctor2 value is none then alert some thing and if input box is empty then alert some thing and stop submit or else submit.how can I do this? Can any one help me with this please? Thanks,
Sudden Blank / White Page
Hi Guys - really struggling with this issue. The page loads fine and sits there for an amount of time (5 minutes, 5 hours - unsure) and randomly the whole page will just turn white as if it's being blanked. I thought perhaps this was a Chrome issue at first - but it's happened on FireFox too. I's firing off Ajax requests probably once a second (I queue them to stop overloading the server). I'm not even sure where to look. Once it blanks - sometimes, it'll just reload all by itself as if it's been
Fade in image after laod?
Hi, I try to get an image to fade in after it has been loaded, but I can't get it to work. This is how the code look with the loading part: $("#bild1").click(function(){ $("#main_image").attr("src","bild1.jpg"); }); After the image is loaded, I want it to fade in. How is that done? I have tried to add fadeIn but not working. Preciate som help. Thanks!
Remove div on hover off?
Hi, I'm a relative beginner to Jquery so apologies in advance if this is really obvious but would appreciate any advice! :) The aim of the exercise is to be able to hover over a hyperlink in a dataview table and load the content of one of that page's paragraphs into a div (#notes) on the current page (I may want to load that into a tooltip later but I'll walk before I can run!) and then when I hover off the hyperlink, the loaded content is removed again. I'm using a combination of .hover and .load
How to find out the previously selected option
Hello everybody, I wonder if anyone can help me with this issue: How to find out the previously selected option value in a select list? For example: I have a list with 3 options <select id="test"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>When user select, for example, option 3, how can i find which was the previously selected option? etc... I've found some javascript example that evaluate "previousIndex" property of
Halfway through fadeOut callback
I want it so a fadeIn occurs halfway through a fadeOut Obviously this won't work via the callback because it waits for the fadeOut to complete entirely. I just want my list item to fade in halfway through the current fade out so there is a nicer transition. Heres my code: <script type="text/javascript"> function switchSlide () { var current = ($('.slider ul li.current')); var next = (current.next().length) ? current.next() : $('.slider ul li:first'); current.fadeOut(1000,
Jquery CSS help Placing codes
I'm having difficulties figuring out where to place each of the codes that this website provides >>> http://web.enavu.com/tutorials/making-a-… I have downloaded all the files but can't figure out where to place codes HTML CSS and Jquery Please tell me where the code goes, I don't need a full tutorial all I want to know is where goes where!
Next Page