Dynamic Dom
Hi I'm trying to do the following in JavaScript, which is not possible. Is it possible in jQuery? function post_value() { var oRows = opener.document.getElementById('tbProudctListView').getElementsByTagName('tr'); var iRowCount = oRows.length; var result = iRowCount - 2; opener.document.aspnetForm.ctl00_BreadText_ProductsListView_ctrl + result +_txtProductBillede.value = document.form1.txtFilNavnParent.value; self.close(); } It does not like when i concatenate the url.
need code help pls!
i am building a really basic page to get my head around .position i have 2 divs on the page and all i want to do is play around with their positioning. below is my page code so far. it doesn't work and i don't know why. all help appreciated. thanks ------------------------------------------------------------------- <!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>
JQuery & Google API - Move .setOnLoadCallback() to separate file?
I am using the Google JQuery API and it is working fine. Is there a way to put the google.setOnLoadCallback() call (and my JQuery calls/functions) in a separate .JS file and call it from from my .ASPX file? I have tried it a few ways without success. My goal is to keep my JQuery and HTML code separate for easier maintenance. Thanks.
Applying ajax to ajax-generated data
hey folks i have a series of <select> fields. The first one, via ajax(), generates a 2nd one, based on the first ones' data with the .change() method. there is then a 3rd <select> - who's data will depend on choice of the second one although step 1 works, and i can generate the 2nd one, i still can't generate the 3rd one. when i test the script on its own, both the 2nd and 3rd <select> fields are fine - but not via the ajax, which leads me to believe that the .change() from the 2nd one, isnt triggering
Anyway to block js?
I can use $.ajax to synchronize a js call but not with css, is there any way I can to block the js when loading css? I've googled all over the web, the only thing I found is http://www.neilmix.com/narrativejs/doc/index.html, but that's way too complicated and am not sure I can get that adapt to my application.
Sortable get its embedded javascript fired again
<ul id='test'> <li> <div> item1 <script type='text/javascript'> alert(0); </script> </div> </li> <li> item2 </li> </ul> <script type = 'text/javascript'> $('#test').sortable({revert: true}); </script> in the above example you will get two alert(0) popup which is undesired in my application.
slidetoggle menue doesnt workt...
hey thats my simple source, sorry i'm a beginner... : $(document).ready(function(){ $(".details").hide(); $(".details a") .click(function(){ $(".event").unbind("click"); }); $(".event") .click(function(){ $(".details",this).slideToggle("900"); return false; }); }); thats my html: <div class="event" id="event_15981"> <div class="subject"> <div class="title">Title</div>
jQuery slideshow works in local view but not on server
Hi, Following this jQuery slideshow tutorial (Usecase 3 sample, about 2/3 down the page, this is the one without thumbnails): http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html I constructed the slideshow: http://backstageweb.net/Salon/slideshowcode.htm ...which works perfectly in browser view locally (FF and IE). When uploaded to the server, however, I've got a static list of photos as you can see. Can someone shed some light on what the problem is? All relevant files are attached
Using jQuery with Other Libraries
I have ofcourse read this tut and searched all over the www but I'm too much of a dummy to fix the problem. I really do want to use prototype (lightbox) and jQuery (lavalamp) together. As I also tried jQuery lightboxes but no luck there together with lavalamp either (I know... it must be my problem...). I have the following code on my page <script type="text/javascript" src="../js/jquery-1.2.3.min.js"></script> <script type="text/javascript" src="../js/jquery.lavalamp.min.js"></script> <script
How to "Slide" an element with the content sliding at the same time?
I think right now jQuery slideDown() will show the content bit by bit (line by line) of that DIV, showing top content first, and then little by little, the content below it... Is there a way to actually slide the *content* down as well? In order words, showing the bottom of the DIV, and then it will move down, a little by little, and then show more of the content above it. thanks for helping.
AJAX
I have my site set up so that when a user clicks an item on the page navigation bar, it uses the load() function to load new content onto the page. I'm only trying to load the content from an HTML document named 'pages.html' which resides in my domain, but it never works. The code for loading content is in the index.html page, and I can load content from that page, but not from other pages on my site. The code looks something like this: $(document).ready(function(){ $('#content').load('pages.html
Doing something before load
I have a website which is using jquery to hide some divs on load simply using $("#id").hide(); This occurs after the page loads which is great except for this one situation that I have. My page is pulling in ALOT of content into this div that I want to hide. It is basically a <ul> with ALOT of <li>'s. What ends up happening is when you visit the website, as the page is loading and is building this list of <li>'s the user can actually see the list, then when the list is finished populating javascript
jQuery and loading html/scripts
Hi, I am loading sub pages in a website using jQuery using this code: function loadContent(htmlfile){ jQuery("#content").load(htmlfile); }; When ever user clicks menu item, the related page gets loaded in a "div" whose id="content". Some of the pages are using couple of jQuery based plugins such as jTip, LightWindow etc. These scripts needs to be initialized. For example: to fix .png transparency issue, I am using: <script type="text/javascript" src="js/jquery.pngFix.pack.js"></script>
Superfish
I have I creaded a simple menu with superfish and the first button don not show the arrow have a look at http://www.ukshinwakai.org/aikdio/index.php - the website is a html written and no php at the moment
Hiding part of the text in the "show more" link
I'm creating a page where I have multiple articles on one page. I want to display only part of each article and display a "more..." link at the bottom of each of the articles. If the user clicks on one, the rest of the article shows. What would be a good approach to do that? Thanks! Luka
Validate plugin disable submit button until all fields required
Hi, I would like to disable the submit button until all fields have been success. I have been looking for examples of call backs but could find anything I could use. Can anybody point me in the right direction please? Thanks Ben
detect keyword and add class
I want detect if the column has red or blue, add the class on it, it's like $('table tr').each(function() { $(this) .find('td:contains("red")') .addClass('red') .end() .find('td:contains("blue")') .addClass('blue'); }); but I want every column 2 below red column and column 3 below blue also add the same css, how to do it? red blue 0 1 2 3 0 1 2 3 0 1 2 3
Can a URL trigger an action on jQuery?
I know how to invoke a URL with jQuery. How to do the reverse? Can a URL will lead to execute the following jQuery code just as the signin division is clicked? $(document).ready(function() { $(".signin").click(function() { $("fieldset#signin_menu").toggle(); $(".signin").toggleClass("menu-open"); }); $("fieldset#signin_menu").mouseup(function() { return false }); $(document).mouseup(function(e) { if($(e.target).parent("a.signin").length==0) { $(".signin").removeClass("menu-open");
Cycle plugin with multiple instances on one page: how to show active image?
I have a page with multiple instances of the jquery cycle plugin that are each controlled with their own pager. I want to figure out how I can identify what the current (or "active") image is and have that page identifier stay as color #333333 (same as the hover state). JQUERY: $(document).ready(function() { $('.pics').each(function() { var $nav = $('<div class="nav"></div>').insertAfter(this); var $this = $(this); $this.cycle({ fx: 'fade',
LOOP please
i don't know how to do it.... could somebody bring me this 2 functions in a endless loop please instead of a hover Event. $(document).ready(function(){ $("img.a").hover( function() { $(this).animate({"opacity": "0"}, "slow"); }, function() { $(this).animate({"opacity": "1"}, "slow"); }); function imageOneFade(){ $('#img1').fadeIn(2000, function(){ setTimeout("$('#img1').fadeOut(2000); imageTwoFade();",6000); }); } function imageTwoFade(){ $('#img2').fadeIn(2000, function(){ setTimeout("$('#img2').fadeOut(2000);
Timezone with Jquery
Hi there, I'm new here in this forum and I've registered to ask a question about JavaScript or Jquery. I don't know which to use and how. I have my code php like that: <?php //Get the data from system and return in EU format function ShowDate() { $Date = date("d"."/"."m"."/"."Y"); return $Date; } //Get the time from system function ShowTime() { $Time = date("H".":"."i"); return $Time; } ?> Now I have two input box <html> <head> </head> <body> Type the date:<input name="txtdate" type="text" class="input"
slides doesn't works on IE
anyone can help to get why this site doesn't works on IE? it works on FF. i am not an expert developer so if somebody can help to fix it would be nice. thank you.
Left mouse click and moving the mouse up or down - is this a trigger?
Is there a trigger in JQuery that occurs when the user either: 1 - clicks the left mouse button and moves the mouse up OR 2 - clicks the left mouse button and moves the mouse down? mouseup() and mousedown() are only for clicking the button. I need a trigger that includes both the left mouse click and movement of the mouse up or down occurring simutaneously thanks
Image Zoomer Panner
Hello there, I have several images of 2000 px wide that contains alot of information. I need to display this image in small area with ability to zoom. It should not necessarily use tiles(DZI) for zooming. I am trying to google it but I get plugins like lightbox, thickbox or gallery. I need something like google maps. Its absolutely fine if full image is loaded everytime instead of loading a tile. Please suggest me a plugin to do this. Thanks alot. Moiz
How do I select all inputs that have a value containing a minus sign?
I am so close to finishing this project and I stumbled upon this block... thanks for any help! <div class="line first"> <input type="text" value="0,00" class="nbr first"> <input type="text" value="" class="date"> <input type="text" value="" class="date2"> <span class="months"></span><span class="linetotal"></span> </div>
window.load à l'intérieur d'un window.unload ne fonctionne pas sur safari et sur Mac
Bonjour, sur une page, j'effectue : <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <script type="text/javascript"> $(window).unload( function() { $(window).load('endTransaction.php'); }); </script> ce qui veut dire que quand l'utilisateur ferme ou quitte la page, j'envoie une requête au serveur (par l'appel à la page endTransaction.php) Cela fonctionne très bien sur Firefow, IE, sur PC mais pas sur Safari (sur PC et sur MAC) ni sur Firefox sur
Looking for a plugin
I've been searching all day for a js gallery that will swap images every time a user hovers over a link in my navigation bar which is contained in an adjoining div. Any help would be much appreciated. Thanks!
jquery problem
Hi, I wrote a little jquery that will rotate through images automatically and when you click on an it's icon. If I let the rotator cycle throught the images everything is fine, but when I click on it's icon, the div tag that holds the images gets space added to the bottom and I can't figure out why? I tried everything css related so this appears to be something jquery related, here is the code that is used for flipping through the images: $("#button2").click(function(){ $("#block-block-4").fadeIn("fast");
How to check that LMB is held and mouse is moved up? (IF conditional)
How would I create and IF .. ELSE statement using the following check: the LMB needs to be pushed down while the mouse moves up? I assume that mouseup() and mousemove() need to be used. but putting them in an IF conditional I am not sure about... not sure how to make the check to ensure both are true. can someone help please?
Problems with Live and XMLHTTP
I have created a script that will send form data via XMLHTTP using POST and then update a div with the results. This is working fine as the correct results are displaying in the table, however I am having a few issues with launching some JQuery effects. The problem I am having is that the effects won't work first time when clicked/hovered over, instead they will work second time around. Here is the Live code I am using to call the effects after updating the Div: $(document).ready(function() { $('.Notes').live('hover',
Creating dinamics tabs (JQUERY + JSTL)
hi all ! Im new here... Im following the tabs creation from the JQUERY examples and Im having problems with creating dinamics tabs: My code so far is: <div id="tabs"> <c:forEach var="Agenda" items="${sessionScope.Agenda}"> <ul> <li><a href="${Agenda}"><span>${Agenda}</span></a></li> <!-- make the ref --> </ul> <div id="${Agenda}"> <!-- where the ref is pointing to... --> CODE FOR THE TABS HERE ! </div> </c:forEach>
Integration with Google Spreadsheets
Dear Friends, I am new to this community and I hope I am posting in the right forum. I would like to integrate Google Spreadsheets with jQuery, using a GridView and it should be able to fetch the data from the spreadsheets, having the first row as headers and should be Searchable, Sortable, Editable, Selectable and Comparable. Is it possible? If so, how to do? Any help will be appreciated. Regards, P. Praveen Kumar, CEO & Chairman Research Labs »« University Blog »« TechVidhya »« Forums »« Projects
Database and jquery
while working with Jquery with database i m getting javascript error like this Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB6.4; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; InfoPath.2; Tablet PC 2.0) Timestamp: Tue, 13 Apr 2010 05:42:16 UTC Message: Expected ';' Line: 115936854 Char: 13 Code: 0 URI: http://localhost:1380/JQuery with%.../Customer.aspx i cleared cache(browser),but did not get teh solution, do i need to chnage
How do I select a <a> element the way it would be selected by finding it thru the Tab Button
For example, if we press tab in a page and the tab finds an A Link and then we press enter, it will be like Clicking in the link. I would like to know how do I do to make that kind of selection in my element, cause I wanna make a function to select the item so the user when pressing enter it opens the <a> link. Thank you!
Simple .load question
I have a hopefully very simple .load question The below is not returning anything via the load request. I've tried dinking around with it and making it as simple as possible but I'm at a lost. I've tried straight cut and pasting other scripts and still gotten no response from .load. I'm sure I'm missing something obvious. Thanks for the assistance. <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> </head> <body> </style>
.load() doing nothing... can't see my error!
So I'm trying to get the whole content of the class "weirWrapper" from the website "http://www.tvfreestylers.co.uk/"... I have the following JS: function changeDiv() { $("#divTest").load("http://www.tvfreestylers.co.uk/ #weirWrapper"); } But nothing shows :< where am I going wrong? I have the following html: <div id="button" onClick="changeDiv()"> </div> <div id="divTest"> </div> Also, I'm currently only hosting using localhost (xampp > Apache). Loading content from a http webpage shouldn't make
offset() does not work in Chrome. Works in IE and FF
$().offset() does not return values on Chrome. Works well in IE and FF. var element = r.circle(cx, cy, radius); // r.circle is from raphaeljs library. var offset = $(element.node).offset(); Is there a work/fix around for this? thanks and regards, Janapriya p.s. Here is my work. The knobs do not work in Chrome due to above issue
jQuery fadeIn and fadeOut buggy on hover of image
Hi All, I have four images on a page that on hover, needs to replace the main text with relevant text pertaining to that image. It's working but buggy. If I roll over slowly and roll off slowly, I get the desired effect. When I rollover quickly both div's content show. I have attached a thinned out version of what I need to be able to do. This example is a solution close to what I need but if there is some kind of onComplete event that can be called when one function is finished executing that would
Object Oriented Problem
Hi all, I am wondering how to do this: function MyObject(){ this.callMe = function(){ alert("I am called!"); }; $("#myButton").click(function(){ // How can I call the above callMe function? // this.callMe(); // Not working // callMe(); // Not working }); } Error messages I am getting on above are: this.callMe(); is not a function callMe(); is not defined Thanks Mahesh
How to make an element Loses the Focus and How to check if it is focused or not?
I would like to know how to make an element Loses the Focus and How to check if it is focused or not? cause after someone clicks in the search button I want it to lose the focus in the Text Input and I want to check if its focused. How can I do that? Thank you;
Next Page