Jquery nth child automaticlly append sizcache element on IE.
Hi, I am using jquery nth child in our page is sharepoint 2010, when i edite any page its added sizcache and sizset automatiicly in the html node ,that causes increase of page size on every editing of page,why jqury doing this? is there any documentaion for it.?
HELP
Hello, there i have just started learning jQuery .. Basically I'm trying to implement if when i hover over an link on the navigation menu ,i want to change the image in the above div according to the button/list hovered .. I'm Not getting what to do next ..i want to show the image name that was caught using the text() method and hide the rest .. here is the code <body> <div id="container"> <figure> <ul> <li><img src="IMG/Cricket.jpg"/></li> <li><img class="hide"
Convert String (xx/xx/xxxx) to Date (javascript/jQuery date object)
Hello, I have a string, lets say 31/01/2012 (31st Jan 2012) (Australia Date Format) I need to run it via a function to convert it into a Javascript date or native date object Can I achieve this easily in javascript./jQuery? Await your advice Regards D
resolving conflicts between jquery script and plugin
I notice that I am unable to use a form validation plugin when I have custom jquery script running on a reg. form that reveals drop down menus when a user selects a value from a parent drop down menu or selects 'yes' from radio button. If I click the submit button with the jquery responsible for handling the revealing of these drop down menu, the form validation plugin is ignored. If I comment out the jquery script, and press submit button, the form validation plugin works. Any way to get both
Is it a jquery 1.8.0 bug?I think it's about iframe and window.location
Hi guys. I have 4 htmls using Jquery1.8.0 and easyui-tabs(it's a plugin BASE ON jquery). 1 html is "parent" and 3 are "children". The parent one using easyui-tabs to generate 3 children tabs with js like belbow and each have an <iframe>. the "parent" html 's javascript fragment. <script type="text/javascript"> window.onload = function () { $('#tt').tabs({ border: true, width: $('#tt').parent().width(), height: $('#tt').parent().height()
Looping function to copy and insert innerhtml from child to parent
html - <div class="dog"></div> <div id="cat"> <h1 class="food">text1</h1> </div> current jquery (not working) - $(".food").each(function () { $(this).parents().prev('.dog').html($(this).html()); }); also this is for tumblr, to allow me to add custom text to a posts parent div by setting a class to a piece of the posts text
Validation on a drop down menu
Hello. I am attempting to create a validation rule for my form. if someone selects the other field, I would like to make the other licence box mandatory. I am using (below) for the validation <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>The html I have is as follows. <input type="text" name="caa" class="required" placeholder="Personal CAA/Licence Number"/> <select name="licence" class="required">
Run loop function for all div with id (see scenario)
Hi there, I'm new to coding with Jquery and have hit a roadblock when trying to get the following - which is intended for blogs/news sites- to work - HTML ----- <div id ="house" > <div id="dog"></div> <div id="cat"> <h1 id="food">text1</h1> </div> </div"> <div id ="house" > <div id="dog"></div> <div id="cat"> <h1 id="food">text2</h1> </div> </div"> etc ------ JQUERY--- since i only know a little this is as far as i was able to get with jsfiddle
Passing Vars
Hi, I'm looking for some advice on how to best achieve the following: The user inputs an id into a text field of an HTML form. Once submitted I want to execute a database query which will return a number of records/rows which should be output to the screen. I'm using an ajax request to call a PHP script which will query the database when the button of the form is submitted. The number of rows returned by the database query will determine different HTML output. When the data from the query is returned
Scroll though all <strong> tags and make the bold/not bold
Hi all. Have looked on the forum but could not find an answer. Have a site with various <strong> tags. The css has font-weight:normal; for these. I'm try to write some jquery code to: start at the first <strong> tag... make it bold... wait 2 seconds... make it normal... and move on to the next <strong> tag. I think this would be a neat effect. If anyone has any idea how to do this, I would very much appreciate your help! David
how to get all of the values of a particular column in a table
Is there a way to get all of the values for a particular column in a table, preferably separated by commas but any way at all will do.
IE Console.log
Hello, Is there an jQuery version of console.log that will work in IE? I just found out that console is not supported in IE ... Thanx ...
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
I get an error when I make lots of post's requests to the server, and Jquery doesnt return all the values. The erros says: Failed to load resource: the server responded with a status of 500 (Internal Server Error), and the code I'm using is: $.ajax({ url: "serv_banners.php", type: "POST", data: "serv=banner_izq_inf", success: function(datos){ $("#banner_izq_inf").empty(); $("#banner_izq_inf").html(datos); } });
Sending variables from parent to child with window.open
Hello, have been trying to send data entered in a text box on the parent page to get displayed on the child pop up page and have been so far unsuccessful. Parent page code: function checkDropdowns() { var namedummy= $("#name").val(); var addressdummy= $("#address").val(); popUpWindow= window.open("proposal_form.html?namedummy=" + namedummy + "&addressdummy=" + addressdummy, "toolbar=yes"); }; Child page code: $(document).ready(function() { var namedummy= getElementById("namedummy"); var addressdummy=
Problem in Opera and Mozilla
Hi everyone, i'm create an website with a jquery animation. Using div's and backgrounds movements to create that animation, I use this code to move the background: $('#animator-1').animate({'background-position-x':'-=1000px'}, 5000, 'linear'); This code are executed prefectly in IE and Chrome, but in mozilla and opera are stopped, but other code: $('#container').animate({'right':'100%'},'slow'); Dont have problems, someone can help me?
tabbing script?
Can anyone recommend a tabbing script like this one that's easy to implement (or a wordpress plugin)? I can't identify it from the source code. Thanks, John
How to "mini"fy all radio buttons
Hi there, I have a bunch of input radio buttons that I would like to minify when a button is pressed. I tried several things and the input controls are correctly selected but the class is not applied. Why? $(document).find('input[type=radio]').addClass('ui-mini');
Need help with buttons
I designed a page there is buttons on top (1) and there is buttons just underneath it. I want to put it in the same script, as soon as I placed it on top of my script the buttons underneath do not work. Here is my script. Can someone please assist me. <html> <head> <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui.css" /> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
Scrollbar breaks in popup
Hi, I have displayed an div element as popup using jquery, and when I scroll the popup content using the scrollbar, scrollbar goes weird. Check the image below
css not applied on dynamic pages after refresh
Hi, actually here a problem with my website i am creating a dynamic website running on php with dynamic url using jquerymobile. I have 4 pages 1. index.php 2. categories.php 3. sub categories.php 4. post http://localhost/categories.php?id=categoryname http://localhost/categories/CATEGORYNAME http://localhost/sub_categories.php?id=$1&sub_id=$2 http://localhost/category/CATEGORYNAME/SUBCATEGORYNAME but here i am getting a error on my website if i am open all my pages in dynamic LIKE (http://localhost/categories.php?id=categoryname)
My jquery Not supported at Fire fox and google chrome ???
I am using Htm5 with Jquery But its support only Internet explorer 8.0 but its not support Google chrome and firefox browser ? Please Help me .. <!DOCTYPE html> <!--[if lt IE 7 ]> <html lang="en" class="ie6 ielt8"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="ie7 ielt8"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <title>Login</title> <!--<link href="style.css"
Mega Menu Jquery - IBM web site
Any one can help me to create mega menu like ibm.com (ibm web site) Thank you ....
merge 'full page image gallery' in style sheet for 1 specific page
Hello, I am brand new to all of this. I got a template for two different websites that I want to 'combine/merge'. The first website has a header, navigation, content and right sidebar. There is jQuery/javascript in there for the navigation, it has a white box that slides across with the mouse and highlights the current page option. The second website is a jQuery/javascript Full page image gallery. The css is a container. Theres a reflected slider of image thumbnails across the bottom of the page,
Radio controlgroup change event provides previously selected radio button
Hi there, I am totally stuck with this issue. I have several radio controlgroups and when one of the radio buttons is clicked, its value 'id' should be read. First click works fine but then the event is thrown but displaying the previously checked button. Only when I click a second time on that new button, its value gets displayed correctly. Please help!!! :( $('[data-role="page"]').bind('pageshow',function () { $('#term_grp').bind('change', function () { $("input[name*=term]:checked").each(function
How to replace digit with comma?
Hi All, I have comma seperated string having digits. Following is the sample script. var text='30,31,32,3' text = text.replace(3, ""); alert(text); Above script has to replace 3 with "" and has to give output like ''30,31,32,'. But above script is giving '0,31,32,3' as the output. How to resolve this issue. Immediate help would be appreciated. Regards, Hari.
reload() problem
Hello: I've a small problem and am hoping someone here knows the answer. Following is my jQuery snippet: window.location.reload(); // after reloading ... select userGrps_tab $items.removeClass('selected'); index = 2; $('#userGrps_tab').addClass('selected'); $('#vtab>div').hide().eq(index).show(); As you can see the window.location.reload(); is the 1st command. However ... when this snippet runs, the userGrps_tab is selected and THEN the window.location.reload()
[jQuery] animate scrollTop
Hi! I am using this code: $('a.goToTop').click(function() { $('html').animate({scrollTop : 0},'slow'); }); And it works like it should. Problem is that sometimes it just bugs out for short period of time, like when you click anchor and it scroll's to top, if you then try to use scroll on mouse to scroll down it just keep returning you to top... :( And after that short period of time it stop's doing that. Any idea how to fix this? Something like when it reach top to stop
jQuery templates
Hey.. I just want to know one thing.. How can I call any div that is included in a jQuery template on another js file. For example: - if I have this code in my php file: <script id="template-upload" type="text/x-tmpl"> <div class="test"></div> </script> - and I want to call this div in a new js file: $(document).ready(function () { $(".test").click(function () { alert("done"); }); }); WHY IT DID NOT EFFECT ???? Thanks.
document.getElementById("id").click() not working in safari
Dear sir, Can you help me on document.getElementById("id").click() not working in safari but working in chrome, mozilla and ie 8,9. Thanks Madan
Performance study of popular javascripts, including query
http://www.yottaa.com/blog/bid/262569/top-javascripts-slowing-down-the-web-the-web-s-dirty-dozen
Using load()
This seems simple, but I'm not getting it. Just trying to use load() to populate repeated content (such as nav) on multiple pages. I've simplified this for example's sake. Initial page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Page title</title> <script type='text/javascript' src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'> </script> </head> <body> <h1>Header</h1> <div id="content"><script>$('#content').load('master.html #insertion');</script></div>
Creating a pop dialog with controls on it with JQuery
I'm very new to JQuery and am looking for some advice on how to implement a fairly complex popup windows using JQuery. I've searched around and I can't find anything that lends itself for doing this kind of thing. I've got a mockup picture I'm posting here to give an idea of the complexity. Any and all advice or pointers is appreciated. Thanks, -Peter
Jquery change dropdownlist link
I have a page that has a dropdownlist I was wondering how can i use jquery to navigate to the link each time a user selects an option on the dropdownlist onchange . i already have some code that works but for some reason this doesnt work on firefox but it works on internet explorer. <script type="text/javascript"> function goToPage(url) { if (url != "") { navigate(url); } } </ script> <form action="" method="get" style="background-color:#FFFF99"> <select onchange="goToPage(this.options(this.selectedIndex).value)"
change css class rules
Hello, is there any way to change the rules of a css class using jquery? cause when i use for example $(".classname").css("border","...") it will only change the elements matching this but not the class itself so when i add this class later dynamically to an element it will not be effected by this. if its not possible how would you solve this? Thank you ;)
html in a iframe
hello,guys.if anyone awsome could answer my questions,thanks. the question is like this: <iframe src="a.html"></iframe>; the jquery code in a.html $(parent.document) does not work.even $(top.document)neither.
content slider won't move?
I'm having trouble getting the following to work. I need to move everything by -450px multiplied by the index number of each link. So far the index part works, but the animate doesn't. I'm pretty sure there's a simple solution, I just can't find it :( jQuery: (function($) { //click on #submenu moves #content $.fn.subnav = function(){ var $object = $(this); $("#subnav a").click(function () { //when #subnav is clicked, move var index = $("#subnav a").index(this); var
Arrange classes randomly in a variable
Reposted this topic since my last topic's URL could not be found. Hi all! I'm new to jQuery and loving it already :). I'm trying to create a simple image slider and I already managed to get the images sliding in a predefined order. Now I would like it to randomly arrange my slides every time I refresh the page. var slides = $('.slides'); That is what I'm using to push my slides into the variable. It's taking the classes "slide" I created, which are containing my images. I would really appreciate
hide, show callback function not always working
Hi guys, I'm having hard time trying to understand a weird behavior of the complete callback of hide/show function.. i Made a HideThenShow function that works that way: $("#div1").hide("drop", {direction: "up"}, 500, function () { $("#div2").show(("drop", {direction: "down"}, 500, div2namespace.Init()) }) now, I use this function to cycle between my user controls, calling the init function of the second control only when it is completely visible
ajax type head and cross domain to check file existence
Hi i have a server , for example , www.me.com i have another server, for example, www.you.com i use this code $.ajax({ url:'http://www.you.com/afile.txt', type:'HEAD', error: function(){ console.log(file not found); }, success: function(){ console.log("a file here"); } }) but i obtain cross domain issue : XMLHttpRequest cannot load http://www.you.com/afile.txt Origin http://www.me.com is not allowed by Access-Control-Allow-Origin. i'm the owner of you.com so i can modify it. how to define a javascript
Ajax multiple file upload and return json array in div ID#
I have the following jQuery and I'm wondering what is the best way to upload multiple pictures and once uploaded show them all in the (#addproduct_image_small) div? I would greatly appreciate anyones help on this. I can get one to upload correctly, but not multiples. I have tried everything but I can't get any output/response from json on my upload_additionalimages.php file. $(document).ready(function() { var options2 = { beforeSubmit: showRequestadd, success: showResponseadd,
Next Page