there are children here is the html
if i dont use any jqury i see the children the hide() function make them invisible the show is not working <body> <form id="form1" runat="server"> <asp:Repeater ID="RepeaterOut" runat="server" DataSourceID="SqlDataSource1"> <HeaderTemplate> <ul class="outerUL"> </HeaderTemplate> <ItemTemplate> <asp:HiddenField ID="hdfCatID" runat="server" Value='<%# Eval("CategoryID") %>' /> <li ><a href="#"> <%#Eval("CategoryName")%></a></li>
How to auto-align and distribute many small images? [solved]
How to auto-align and distribute many small images inside a div ? I want something like that : <div class="ContainerThatAlignMyIcons"> <img src="img1.jpg" width="10" height="10" alt="img1" /> <img src="img2.jpg" width="10" height="10" alt="img2" /> <img src="img3.jpg" width="10" height="10" alt="img3" /> <img src="img4.jpg" width="10" height="10" alt="img4" /> <img src="img5.jpg" width="10" height="10" alt="img5" /> </div> I want that jQuery distribute all this item for the left border to the right
[jQuery] How to specify a default value...
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] listmenu
This may not be a bug in the jQuery List menu widget but if it saves someone the time it took me to figure it out or the author has an idea of how to handle this then it is worth it. If the items begin with a comma - ", Paul" - it causes the columns in the result to not be created in IE 7 and the results just show straight down. In Chrome, Firefox 3.5 and the latest Safari the results do not show at all. I spent a couple of hours tracking this down and I just cleaned up the data that I was playing
[jQuery] AJAX calls acting syncronously
Hi there I am a newbie to using jquery and have been exploring it developing a new app. At the moment I have a number of AJAX calls to the server which I have been queueing in an array and using a single $.ajax call to handle all of them. However I know about the browser limitations of two calls per page (at the same time and want to implement this to speed up page updating). To test concurrent ajax requests I have setup various asp pages to with delays 1sec, 5sec, 10sec etc etc. and a test html
[jQuery] ajaxContent plugin and forms
Hi, I'm using ajaxContent plugin with simple forms and I would like to use it to send password to external script, how to do it like in regular form (post method, sending data not visible to other users)? I've set argument "Type" to "POST" in script options, but data in ajax request is still visible (additional positions in href argument).
Jquery - Framest - uiDialog Issue (Newbie)
Hi All, I'm very new to jquery This is my setup. I have a web application that has frameset containing 2 frames <frameset id="fsMain" border="0" frameborder="0" framespacing="0" cols="245,*"> <frame name="fLeft" src="Links.aspx" scrolling=no/> <frame name="fRight" src=""/> </frameset> The right frame contains another web application which call parent.ShowMessageDialog(msg) In the ShowMessageDialog I build up a div conatining the message and use the JQueryUI extension (ui.dialog.js) to display Calling
[jQuery] fadeIn() failing the second time it's called.
Hi all, I'm working on an interface with two different chains of animations. The page shows 5 pets and allows the user to click on one of them for details. When one is clicked, the other pets disappear, the selected one's image slides to the left and the content appears. When the image is clicked again, the reverse happens, the content disappears, the image slides back into its original position, and the other pets appear again. I decided to implement the code for this as a plugin, which I'm calling
[jQuery] [validate] Refreshing the validator after dynamically adding a class to an element
Hi, I know the refresh() method is gone since version 1.2 but for some reason even if it's suposed to work without it I can't get it to work. Here's the scenario: I got a select box, depending on the selection I want certain element to validate so I dynamically add validation class to those element like this. $("input#element").toggleClass("{validate:{required:true}}"); But when I click submit the element doesn't get validated at all but I can see the class has been added in firebug. Any clues what
[jQuery] attr doesn't work in IE6 and Chromium
<script type="text/javascript"> $("#sitemap a:eq(1)").attr("onclick","$('#sitemap a:eq(2)').text(''); sch('brands', '<?echo $data[0]["brand"]."')";?>").text(" / <?echo $data [0]["brand"];?>"); $("#sitemap a:eq(2)").attr("onclick", "$('#sitemap a:eq(1)').text(''); sch('categories', '<?echo $data[0]["category"]."')";?>").text(" / <? echo $data[0]["category"];?>"); </script> This works perfectly in Firefox and Opera, but Chromium and IE6 only change the text to value of $data[0]["brand"/"category"]
[jQuery] Code: a generic jQuery+plugin loader/packer
Hi, all! i threw the following together, have gotten good use out of it, and thought someone else out there might find it useful. It's used like this: <script src='include/jquery.js.php? version=1.3.2&plugins=cookie,html,tipbox-mod' type='text/javascript'></ script> As one can surmise, this script emits the JS code for jQuery and all requested plugins. If passed no 'version' parameter then it only returns the plugins (which can be used to load them individually, after jQuery has already been loaded).
change source image but not now! ;p
in function : $("#bigfoto").animate({left: '+=150px'},300); $("#bigfoto").fadeOut(400); $("#bigfoto").attr("src","p/kol.png"); $("#bigfoto").fadeIn(400); $("#bigfoto").animate({left: '-=150px'},300); why this code is executed at the beginning ? I wont change source when opacity #bigfoto is set to 0!! any ideas? $("#duzefoto").attr("src","p/kol.png");
Validation plugin bug in IE6 ??
If you look at the example page of the validation plugin: http://jquery.bassistance.de/validate/demo/ The second form fields can be accessed with IE6, when you click on them you set the focus but you can write. I wonder if this only me (Cause my IE6 is a multy installation of IE versions) or if it happens to real IE6 and maybe 7. In that case, anyone knows how to fix this? (I have seen the charset suggestion in Google but it doesn't work for this issue)
how to access dom element attribute in plugin settings
How can I assign different values to plugin parameters based on dom element - this - attributes? Say I have 4 elements: <div class="editme" id="friuts" rel="one">apples</div> <div class="editme" id="numbers" rel="two">5,6</div> <div class="editme" id="candy" rel="three">gum</div> <div class="editme" id="shapes" rel="four">circle</div> .. that I bind a jquery behavior to: $('.editme').editable('savedata.php',{ loadurl : 'loaddata.php', }); .. now I want to pass different parameters to the jquery
[jQuery] onclick hideSuperfishUl?
Is there a way to close the superfish dropdown after click? I have some 'onclick' functions that kick off some behavior and then return false. How do I get the dropdown to go away? I suppose I need to somehow call "hideSuperfishUl" thanks for any pointers! ryan
help with 'this' and 'each', or whatever else might work :)
Hello, First time posting here, so sorry if this has been covered to death, but I couldn't find anything via searching. I'm building a gallery page, that's setup like this: - carousel based horizontal image thumbnail navigation. - main div that loads, on thumbnail click, a high res version of each thumbnail image that exists within the carousel nav. so basically: <div id="main_div"> <!-- high res image will be loaded here via ajax --> </div> <div id="carousel"> <ul> <li><a class="thmb1" href="###"><img
How can I add an interval between functions?
$("#cliente").click(function() { $(".portal_link").slideUp(); $(this).slideDown(); $(this).html("TESTE"); }); How can I add an interval between the 3 functions above? e.g: $("#cliente").click(function() { $(".portal_link").slideUp(); // when finished, wait 3 seconds, and executes the next $(this).slideDown(); // when finished executes the next $(this).html("TESTE"); });
animated backgroundPosition not working
hi everyone, i just started looking at jquery. I have a problem when it comes to animate my backgroundPosition on my hover state. It simply does not work and act like the css (not smooth)... While animating my fontSize works perfectly... tried many things but cannot get the backgroundPosition to animate. $(link).stop().animate({backgroundPosition: '0 -250px'}), {duration:500} Does anybody can help me please. regards jerome
number of elements (count/size/length)
Hi there, I'm trying to figure out how to make something happen only if there are more than one link inside a div. Here's my HTML: <div class="boxgrid caption dark"> <a href="#">Home</a> <div class="cover boxcaption"></div> </div> <div class="boxgrid caption dark"> <a href="test">Recent Work</a> <div class="cover boxcaption"></div> </div> <div class="boxgrid caption dark"> <a href="test">Portfolio</a> <div class="cover boxcaption"> <a href="#">Set
[jQuery] Image Animation Script not working in IE
Hi all, So I created this script and I wasn't actually keeping it in check, so after I finished it it had stopped working in IE. I tried testing some functions such as alert('test') after jquery ready, but nothing is firing anymore. I wanted to know if anyone could see what was wrong here. http://terranleung.com/alpha/gs_land thanks a lot - Terran
[jQuery] i m beginner. how can i start ajax call with jquery
hi everybody. I m very new to use ajax. but i know the basics of ajax call and basics of javascript. Please help me how to start with making ajax call ..please give me also sample code ..... Regards Baral
[jQuery] Problem on IE8
I found 2 problems when I use jQuery on IE8 1. When I use $('elementId').css('border-top-width'), it return "medium", but other browsers return "0px" 2. After domready, my page, that's a widget, call ajax to load content. On page, it have menu link to call ajax to load value. I debug and found no any response from ajax call. Anyone have suggestion?
Problem loading external HTML in IE 6, 7
Hi there! I'm using the .load() function to add some external HTML to a div. It works fine in IE8 and FF but doesn't work in IE 6, 7. Any hints? $(document).ready(function() { $(function () { $('#content').load('aboutus.html'); }); $('#services').click(function () { $('#content').load('services.html'); } });
[jQuery] How to bind event handlers to elements
Hi list, which is the recommended way to bind event handlers to elements. Preferably without giving each of them an id. As far as I know, the "classic" way (<input onchange="...">) is considered deprecated and evil. So what is the jQuery way of doing this? Regards, André
loading an xml file from the web
Dear members of the jqueryhelpforum, I am making a Mac Osx widget with some jquery in it, my plan is get information from an api and load that into jquery. I worked with the $.get method before but I just don't know why it doesn't work. The page I am loading in is .xml, if i browse to that page then I get this: Now my questions is, how do I load one of those xml tags into a variable? So far my code looks like this: var urll = "https://" + gebruikersnaam + ":"+ passwoord + "@mobilevikings.com/api/1.0/rest/mobilevikings/sim_balance.xml";
[jQuery] Using ScrollTo, IE displays hidden info before it hides it — Any help/ideas?
Hi there, I'm nearly done with this client site, and it works well in all the browsers I've checked, but I'd really like to finetune the performance in IE. http://maximizeutility.com/what/ I know that the video embedding doesn't validate, but it's the best solution I've found that allows the videos to play on iPhones and desktops. Do you have any idea how to have the hidden video viewers hidden upon page load in IE? It's performing on Mac Safari & FF, and Windows FF, but in Windows IE it's a lot
[jQuery] refactoring help/ suggestions?
Hi, I wrote this code for a simple "hide and show" effect and I am looking for any advice or examples of how I can refactor the code. I tried using a hash but it didn't work out right and I am thinking that maybe I should make a object method. here is the code: $(document).ready(function() { var $firstPara = $('p.a'); $firstPara.hide(); $('a.one').hover(function() { $('a.one').fadeOut('slow').fadeIn('slow'); if ($firstPara.is(':hidden')) { $firstPara.fadeIn('slow'); } else { $firstPara.fadeOut('slow');
post select value
Hello! I have this short code: // JS code $("form#submit").submit(function() { var fname = $('#fname').attr('value'); var lname = $('#lname').attr('value'); $.ajax({ type: "POST", url: "settings.php", data: "fname="+ fname +"& lname="+ lname, success: function(){ $('form#submit').hide(); $('div.success').fadeIn(); } }); return false; }); // php code echo "<div class='showhide$i'>.........<form
[jQuery] Is there a way to define custom event default handler?
Is there a way to define custom event default handler? jQuery.fn.bindDefault - this function does not exist, but it would be nice to have such one to have ability to make equivalent of DOM default event for custom events. It have to work just like jQuery.fn.bind, but handlers passed to it have to be applied after passed to jQuery.fn.bind and if(! event.isDefaultPrevented()). Example: $("#Button") .bind("custom",function(){alert("handler #1")}) .bindDefault("custom",function(){alert("default handler
[jQuery] jqGrid 35.5 released
Happy to announce the final 3.5 release of jqGrid. New wiki Documentation at http://www.trirand.com/jqgridwiki The demo at http://www.trirand.com/jqgrid/jqgrid.html and final the home : http://www.trirand.com/blog Enjoy Tony
[jQuery] Is there a way to determine the scrollTop position of the top of the viewport?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
Tweak to tablesorter (filter table values)
I'm developing a table that'll have dropdown filters above it. However my table has a slight twist in that some columns will have more than one value in them, eg imagine a column with these values: - UK - UK - UK, USA - UK, Germany - Germany - USA Now when I filter by 'UK' it should show four results - not two. Can anyone give me a few pointers how to do this or point me towards a plugin that might tackle this already? The values will always be comma separated.
[jQuery] animate image position
Hi, I'm experiencing a large amount of flickering in a image i move with animate(). Looking at jQuery's source code, i think it has something to do with the setInterval it uses to calculate the animation; when binding the animation to 'mousemove' its runs smoothly. Any ideas on how to improve this animation? Thanks, Tom.
[jQuery] Ajax Requests Throw Error If User Clicks a Link on a Page While the Request Is Still Active
OK, we have our intranet pages setup so that when viewing customer records, the page is set so that it refreshes various important divs when the window is brought to the front by the user. Our system has been working great for years now, but in trying to use newer browsers we now have big problems. The problem now with new browsers is that if the users clicks on a link while a XMLHttpRequest request is currently active, an error is thrown by the ajax handler Here's a sample to demo the issue: http://homepage.mac.com/zacware/xhr_bug/xhr_bug.htm
[jQuery] How to get variable from iframe?
a.php <iframe src="b.php"></iframe> ...... <script> var a = 123; </script> Can I catch variable a in b.php?
[jQuery] Best cookie plug-in?
Easy guys, Just getting started with cookies this afternoon and wondering what plug-in everyone is using these days? Thanks, L
[jQuery] scrolling height of the window and placing popup windows
Hello, for opening a PopUp Window I use the Popup.js from Adrian "yEnS" Mato Gondelle. Adrian has written a function to center the popup by calculating the window height/with and popup width/height as well ans putting the coord in the middle of these coordinates. Like this: function centerPopup(){ //request data for centering var windowWidth = document.documentElement.clientWidth; var windowHeight = document.documentElement.clientHeight; var popupHeight = $("#popupContact").height();
How to change from the Button being the trigger to a link
Hi, I have used the overlay tool - following the instructions from the http://www.flowplayer.org/tools/demos/o ... index.html and now I want to integrate it into my site but I want a written word to trigger the overlay not a button. On my page here http://blackpaint.co.uk/BlackPaint09/of ... index.html you can see that the button is triggering the overlay - can you help me change it so that the 'About' link triggers the overlay. Thanks a lot
Load function changes page layout!?
I'm fairly new to Jquery, and I'm using the load function to inject a page into my layout. It works fine, however after it loads the page the layout changes dramatically and eliminates pretty much all of the CSS in the HTML file. The page im loading is a PHP page, could that be why? Is there something I have to insert into the PHP file to stop the display from changing upon loading? Thanks!
[jQuery] jquery.getjson in safari
I have the following code $(document).ready(function() { $('#div-res').click(function() { jQuery.getJSON('http://localhost/tes.php',{},function(jdata){ $('#rdiv-res').html(jdata.data); }); }); }); I work great on firefox and ie7, except in safari(windows or mac) Is there anyway I can get json correct in $('#rdiv-res').html (jdata.data) when using safari?
Next Page