jQuery to activate all div title tags
Hi, How can we activate all the child div title attribute using "mouseenter" event on the parent div? Normally one has to hover individually on each and every div to see the title attribute. Thanks Zia
jQuery Conflict
Hi, This is jQuery files is conflict with each other one is not working because of another file, please help me in this matter. <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/interface.js"></script> <script type="text/javascript"> $(document).ready( function() { var standalone = window.navigator.standalone, userAgent = window.navigator.userAgent.toLowerCase(), safari = /safari/.test( userAgent ), ios = /iphone|ipod/.test( userAgent );
jquery event propogation problem
Hi, first time poster here and jQuery rookie, can anybody help me with this problem? Everything works correctly until I try and add the click event on productList function. The productList click event is instead firing on the page load instead of when I click the .product element (so instead of displaying a larger version of the product, it cycles through the array of images that are returned from the ajax request. $.ajax({ type: "GET", url: "db/products-for-scrolling.json", data: data, success:
setTimeout() not working when window.location... is next line in code
The following code is intended to: 1. update() a MySql database -- update() 2. update the values in an account form -- retData() 3. display success message for 2 seconds -- successMsgShow() 4. return to same page to repeat as necessary -- window.location ... PROBLEM: If window.location.href="AccountRevise.html?recId="+recId+"&company="+company; is commented out the time delay part of successMsgShow() works as expected with a 2 second delay..
Javascript problem, I am stuck [P.S. I am planning to covert this to jQuery, please help]
Hi Gurus, I have this problem that I was not able to solve for many hours already. So, I decided to post this issue on this forum: 1. I would like to come up when I click the link "change order", all the order column should show the textbox with the order value. 2. I would like to come up when I change the order value, it should not accept duplicate like 2 and other one is 2 too. Javascript code so far: function showChangeCompositeSectionOrderForm(rcsoID) { getElement('changeCompositeSectionOrder_'
Retrieve Values From ASP.NET Listview
Would very much appreciate help. New to jQuery... I have a webpage developed using VS 2010 in ASP.NET/C#. The page contains a ListView where I'd like to be able to DoubleClick on a row and use the values on that row as selection criteria for another ListView (on a separate page). I've searched for some way of doing this but always seem to hit a dead-end. As stated above I'm new to jQuery and need help not only with the jQuery but also some guidance on how to integrate the code with ASP.NET. Thanks,
Problems with JQuery (Box2D) - Sound on collision
Good afternoon fellow JQuery users. My group at University and I are trying to create an interactive site using box2d and sound on collision. So far we have this: <!DOCTYPE html> <html> <head> <title>Remediation</title> <link rel="stylesheet" type="text/css" href="../2014-05-21-jquery-box2d/css/main.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <body> <img src="img/img1.png" alt="Background Image One" width=100% height=100%>
What is the event when a select list is closed ?
Hi, does someone know what is the event whit which I can detect when a select list is closed ? thank you all, because I just can't find this
jquery .change after first call ajax
Hello all, (sorry if my english is bad ) i try to pass my code from a frame developpement to a div after a first call ajax jquery on change not work then in frame it's working i load a first time my page when click on the menu. function menu_displaycentre(zoneid,url) { parent.document.getElementById(zoneid).innerHTML ='Please Wait...'; new Ajax.Updater( zoneid, url, { method:"get" } ); return false; } after select i select a personnage
[jquery] Onmouseover Opacity Layer except selected block (overlay)
I want when onmouseover on particular section to put an OPACITY #fff 0.2 layer on everything except the selected class i.e. table Similarly as you have: .tableHighlight:hover{background-color:#eee} <table id='table-main' class='tableHighlight'> ... but inversed (puts layer on everything else, but not the table itself) --- http://jsfiddle.net/LYcm9/1/
[SOLVED] Butttons don't hover after bind/unbind "mouseenter" and "mouseleave" functions
Hello everybody :) I need some help with my menu buttons. I have nice looking 3 buttons menu with fade effects + swaping PNG transparent images. But I have some problem with bind/unbind "mouseenter" and "mouseleave" functions. On the beginning everything works fine, hover is working on every element. After click button1 it's ok too - this button displays active image and hover functions are disable for only this button - that's what I wanted. Of course hover functions working on others: button2 and
Remove <p> tag from <p><img>
Hey everyone, How can I remove a p tag from an <img> tag? I have this: <p><img ...></p> So the <p> tag should be removed from any instances on the page... Tx, Borrie
Can one dropdownlist manipulate the other ?
I'm trying to build a seat reservation site for a theater (school project) and what I want to achieve is following: I have a first dropdownlist (row) which is generated through PHP. There are 12 rows named from A-L. Each row has a 12 seats. I get data from the database which row/seat combo is not available and I want to remove those seats ( second dropdownlist ) that correspond with the associated row. I succesfully grab the unavailable row/seat combo from a MySQL database using PHP and I return
Why am I suddenly getting "Unable to get property 'call' of undefined or null reference" error?
Hi everyone, I'm using asp.net and when I click on a dropdown list on the page I’m getting the error message: “JavaScript runtime error: Unable to get property 'call' of undefined or null reference” Researching led me to believe it has something to do with the version of jquery I’m using so I tried doing …PM> Install-Package jQuery.Validation -Version 1.11.0… from this site: https://www.nuget.org/packages/jQuery.Validation/1.11.0 I think the package was installed. This is what the results
Problem to call javascript validate function before form submit on an ajax call.
Here is my validate() function, returns either true or false. My problen is i want to call ajax submit form code only if validate() returns true, otherwise it will show the alert with error messages for not valid data and stay in page. Please help!! function validate() { var msg = ""; var bDate = $('input[name="txtBDate"]').val(); var eDate = $('input[name="txtEDate"]').val(); var abDate = $('input[name="abd"]').val(); var aeDate = $('input[name="aed"]').val(); var txtMax = $('input[name="txtM"]').val();
my database update with jQuery Ajax it isnt´t working
I have a link "Read more", when I click in it, I want to update my news table using php but also jQuery Ajax: echo '<p>'.$readNewsResult['content'].'<a class="test" href="#fancybox'.$readNewsResult['id_news'].'">Read More</a></p>'; When I click in this link Im getting: "update&update=311", 311 is id of my clicked news, so it is working fine. But then my php its not working, and it seems that I never enter in my switch condition. Do you see where might be my error? This is my jQuery: $(function(){
How to change fancybox next click to hover
Hello everyone, I have one fancybox jquery file .. the fancybox works perfectly..now my problem is it changes its images on next and previous click .. what i want is it should change its image on next and previous anchor tag hover.... jquery file is on http://dap.thecreativevoyage.com/_include/js/jquery.fancybox.pack.js above link has the beautified version of js file... please help me how to achieve this.. what should i change in this js file.. Thanking you. Krunal
Validate before Post
Hi, I am using the following code for signup form. It was just a simple posting and showing error using speedopopup and everything was fine. Now I want to add jquery validation before posting to make sure fields are entered and email field is validated. I added the below validate code from the validate plugin but nothing is happening. It’s just ignoring that part and jumping to the $.post? How can I fix it please? <form name="frmSignup" id="frmSignup" method="post" action="signup"> <table align="center"
Multiple JQuery Isues
Hi guys. Im not as good in coding but got several custom JQuery features running. I am building up a new website and have the following problem. I use the Serie3 Slider for header pics, a CSS nav which runs on Jquery and at last I added a fancy box gallery. I had to delete a part of the script already from the nav to make both nav and s3slider work together but now with the gallery I get either the gallery only or the slider work. The problem is this line: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Translating some plain JS into jQuery
Assuming it's possible, can someone help translate these plain JS snippets into jQuery? From https://github.com/jakiestfu/Snap.js: var snapper = new Snap({ element: document.getElementById('content') }); var addEvent = function addEvent(element, eventName, func) { if (element.addEventListener) { return element.addEventListener(eventName, func, false); } else if (element.attachEvent) { return element.attachEvent("on" + eventName, func); } }; addEvent(document.getElementById('open-panel'),
Adding Dynamically control in table rows using jquery
I want to add Dynamically the all controls as it in previous row with class name . for this i have done this , but it is too complecated. and my jquery is here <table id="Myt"> <tr> <td><input type="text" class="fAge" ></input> </td> <td><input type="text" class="lAge" ></input> </td> <td><input type="Checkbox" class="elegible" >Eligible</input> </td> <td><a href="#" class="addmore">Add More</a> </td> </tr> </table> my jquery $('.addmore').on('click',function()
ajax: sending data to the server
I don't usu. send data to the server with ajax... I remember from when I first was learning ajax (plain, no jQuery) that you always had to send the data in the form of a query string, which meant at end of url there always had to be a "?"... is this the case with ajax? b/c my data is not getting sent.. my code: data = "namePicked=" + names[0]; $.post( "info.jsp?", function( data ) { $( ".outputDiv" ).append( data ); // window.location='info.jsp'; }); info.jsp
Selectionproblem in $(document).on("click"...
Hi As I am still a beginner I would like to ask you how I can solve my issue here. I have a multiple forms divided via an "objectid" which contain one input text field (for a lastname) and a hidden field (which should contain the contactid from the response later on) As I call an ajax script via onkeyup via jquery, the ajax returns a list of contakts with a button (to taken over that contact into the form by a click) at the end for each listed contact. Now I want to use jquery to move the contactid
partial tooltip display.
tooltip is not completely visible.can someone help me why it is so. i increased its z-indez, made overflow:visible. but no use
Is there any function to Copy to clipboard?
Is there any function available in jquery to Copy to clipboard. I need to copy the div contents. someone can help , what is logic to copy the contents of div in clipboard?
Parsing Json responses in Jquery
I have the following json returned by mediawiki. {"query-continue":{"allcategories":{"accontinue":"SB_Canto_09_Verses_Appearing_in_CC"}},"query":{"allcategories":[{"*":"S"},{"*":"SAY"},{"*":"SB Canto 01 Verses Appearing in CC"},{"*":"SB Canto 02 Verses Appearing in CC"},{"*":"SB Canto 03 Verses Appearing in CC"},{"*":"SB Canto 04 Verses Appearing in CC"},{"*":"SB Canto 05 Verses Appearing in CC"},{"*":"SB Canto 06 Verses Appearing in CC"},{"*":"SB Canto 07 Verses Appearing in CC"},{"*":"SB Canto
$(selector).text() works wrongly.
Hi, I used text method to replace text node of an element. But it replaces all text and HTML elements too. Let say! For an example: I have like this <div id="test"> Some text <span> Whatever it is </span></div>. I need to change $("#test") text node. So, I used $("#test").text("Something") I expected it will change only the text node of an element($("#test")) but it doesn't. It changes all of those elements in the container. Then I inspected that object console.log($("#test")). It shows like this.
JQUERY error is killing my site
Hi, I very desperately need some help with this JQUERY error as i simply cannot fix it... Any advice would be sincerely appreciated. THE ERROR IS: var jq = jQuery.noConflict(); function openPopup(url,width,height,delay,useajax,iframe,exitt){ jq.modal.close(); authover.configure({ iFrameAttribute : { "name" : "autFrame", "id" : "authFrame", "src" : "http://wikipedia.com", "height" : "100%", "width"
How do I find position of a mouse click inside a div?
I can find how much a DIV has scrolled using "scrollTop()". But it turns out I need to know more than that. I need to know what exact vertical position in my div the user clicked on. My div has a fixed height and there is too much content to show, so the user has to scroll down to see all the content. So suppose he has scrolled 3 pages down in the Div and then, he clicks 160 pixels down within the div. So I would add 160 to scrollTop(), but I have one question: 1. How do I get that "160". Is
Conflict between sliders in same pages
Hi all, I have a problem with sliders in the same page , when i display one the other disapear. This is my code -----------------------------------------1er slider--------------------------------- <script type="text/javascript" src="js/jquery-1.4.2.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Myriad_Pro_italic_600.font.js"></script> <script
Swich between functions
Hello people, I am trying to switch between two function based on the screen width, normal/wide screen and mobile. For normal/widescreen I would like to have an overlay functionality and on mobile/tablet I would like to have an accordion function. I have tried a few scripts but I am not happy so far with the results. Any ideas anybody? This is my idea so far but it doesnt work: // Screen width detection var $window = $(window), $a = $('#map li a'); if ($window.width() < 800) { $a.addClass('mobile');
% in ajax url issue
I use jQuery.ajax POST to post data to my MS SQL Server using ColdFusion Web server. When user has % in the data then it wipe out all text field, if user content does not have % sign then it go through to server and add or modify the data. Is it possible the web server encode % for some server code for this issue? Your help and information is great appreciated, Regards, Iccsi, Here is my sample code, jQuery("#Submit").click(function(event) { event.preventDefault(); jQuery.ajax({
Strange Happenings with IE
My web-app uses three buttons (Add/Edit/Delete) to control inputs and updates to my database. To determine which of the three submit buttons was selected I used the following code... var whichButton = event.originalEvent.explicitOriginalTarget.idWorked fine in FF but then I discovered that it did not work in IE or Chrome. So I changed my concept to include an onclick in each of the buttons to change the form 'name' depending on the button. In the js I thus simply load the form 'name' to take the
How to get Table td value when using Multiple tables in a div??
Hi Friends, I am Using three tables, first two tables are showing some records. And third table having some buttons. when click the button in third table i need to get first table td value? Please check My code in razor view... Razor View Code(HTML): <div> foreach (var item in Model.TreatmentPlansList) { <table class="table1" id= "table1"> <tr id="@item.ExpertTreatmentPlanId"> <td>Treatment Plan @TreatmentPlanNo</td>
Row hyperlink disabling TabelSorter
Hi, I'm using the excellent table sorter, but have found that when I place a hyperlink around an entire tableRow the sorter becomes disabled. Any ideas why, or what I need to configure to make both work? i could just add a hyperlink to just a TD, but hyperlinking the row looks nicer <a href="pop_MSTDetails.cfm?MSTNo=#ALL_EQPT_NO#&SJNo=#Std_Job_NO#&WG=#Work_Group#" class="noborder" OnMouseOver="javascript:window.status='Click to view full record details'; return true" onclick="NewWindow(this.href,'Process','730','710','yes','center');return
Help With Variable and Converting Variable to a String to be Concatenated
Hello: I am working with this snippet of code and having problems because I don't understand the syntax. Could someone help me with this? I need to separate the hours variable into hours and minutes an then I need to turn that into a concatenated string. function updateDistances(item) { try { var prev = $($(item).prevAll('li:not(.show_placeholder):first')); if (prev != undefined && !$(prev).hasClass('temp_placeholder')) { calcRoute(prev, $(item)); } } catch(e) { log(e); } try { var next = $($(item).nextAll('li:not(.show_placeholder):first'));
How to solve using jquery?
How to disable the <td> and td elements using jquery? I have tried for second td(class="dataCols inlineEditWrite") disabling in jsfiddle.but its not working. My jsfiddle: http://jsfiddle.net/atJHC/1/
Sorting without database + search
Okay so I found this script http://jsfiddle.net/tc5dc/ It works like a charm but I would like to edit it so it doesn't need a button,so it should sort on .ready not on .click. (I am talking about alphabet sorting) Second,I would be really grateful if you could at least point me in right direction about the search. So I would like to make a search input witch will react on change and do a live sort based on titiles of my divs. (In the case above class 'style'). I hope you understand what I would like
Moving items from one listbox to another using Jquery
Hello I basically want to move items from one listbox to another using Jquery. I am trying to do this in my MVC application. The code commented below works but it is not what I want. So if I select an item on the source listbox it gets added to the destination listbox. I basically want the movement to happen upon click of the button. That is the $('#ShiftRight').click(function () that i have written below. Further below you would see the two listboxes and button code. The problem that I am facing
Dialog box not working
Hi, I have one popup window with this having 'SAVE' and 'CANCEL' button. when I click save button it goes to the Generate Pdf Method for Particular Action(Controller) in MVC.but not showing the dialog box. Without using Jquery dialog box is coming. this is sample code. button click: <input type="submit" id="simpledialog" value="GenratePaySlip" /> in this button click bind webgrid <div id="dialogbox"> @grid.GetHtml(displayHeader: false, tableStyle: "grid", headerStyle:
Next Page