[jQuery] clone()
Hi, I need a clarification regarding "Clone" method in jQuery. I have written the following. HTML: <body> <p>Paragraph 1</p> <p>Paragraph 2</p> <p id='p3'>Paragraph 3</p> </body> JS/jQuery: $("p").on("click",function(){ console.log("Paragraph clicked"); }); $("#p3").on("click",function(){ console.log("Paragraph 3 clicked"); }); //Cloned all paragraph elements and keeping all event handlers var $paras=$("p").clone(true); //Changed
Prev & Next page BTNs traveling through the menu
I'd like to add 2 buttons down on my pages that go to the previous and next pages and, if possible, take their links straight out of the navigation already present (and relative to the page I'm on). I've only gotten so far with this for days and I could sure use some handouts :p The menu is the Foundation off-canvas one and it poses problems for me because of all the nesting and stuff. I would prefer if I could get the actual links straight out of the ul.off-canvas-list, but I can't find how to skip
Need to use password strength in jquery validation
Hi, I am using http://bassistance.de/jquery-plugins/jquery-plugin-password-validation/ for password strength along with jquery.validate.js. jquery.validate.password.js - version 1.0 jquery.validate.js - version 1.13.1 jquery - version 1.11.2 But seems it is not working properly.. i have old password, new password and confirm new password.. I need to have password strength for new password, but when i type old password, password strength changing and also confirm new password not displaying proper
Mouse events do not work in firefox
Handlers for mousedown and mouseup events are not called in Firefox. (I use version 30.0)
Selectmenu (popup menu) too wide on iOS
I'm working on a mobile app for iOS, using jQuery and jQuery mobile. I've got a selectmenu that has relatively short text in each option. It looks fine on PC/OSX Chrome/Desktop Safari. But on the iPad, the selectmenu options are way too wide for the short text (see images). I've tried applying various CSS styles to different parts of it, but I can't figure out how to change that width. It appears that the native "option" tags are hidden, in favor of styled ones created by either jQuery or iOS/Safari.
Can I get JQuery tabs loading via ajax not to abort on tab switches?
Using 1.11.2 of JQuery and UI. I have an ajax generated Tab object that contains clickable elements that add new tabs to this Tab. Multiple tabs can be added. When one of these tabs is selected, or the clickable element is double clicked, the tabs panel is created and the ajax request to load the data is built and initiated. If another tab is selected before the ajax request is completed an ui.jqXHR.error is received with a status of zero and statusText of 'abort'. How can I keep the initial
Issue on Replacing Special Characters in a <pre>
I am trying to use a jQuery Plugin for highlighting my Snippet at This Demo but the browser assumes that <pre class="php"> <?php echo "My first PHP script!"; ?> </pre> is a originally PHP code which it is! now the solution is: Replacing all < with < and > with > inside the <pre class="php"> Now can you please let me know how can I use the jQuery to replace all < and > characters inside the <pre> with < and > before loading the page? Thanks
Importance of updating jQuery
Hi there. At the moment im developing telmodi.dk, where jQuery is used to most of the action on the site. I have implemented all my javascript in one file, thus the newest jQuery version as of now. Would it be an idea to reference jQuery separately in stead, to always have the newest edition, or doesn't it matter ?
tablesorter in Joomla
Hello everybody, I have a question. I use Joomla and would like to have a sortable table in an article. Of course there are some plugins available, but they are not for free. On the other side I create my table using a PHP script. So I guess tablesorter would fit perfect. Now my question: How do I have to "install" tablesorter to my Joomla site? I apologize for the question, but I am new to this topic and have no clue what to do. I would be pleased if anybody could help. Any hint is welcome.
jQuery Mobile. Button size on Footer
Hi, I'm new to jQuery Mobile but so far I can tell it's really good. Unfortunately I got stuck with styles. 1. All buttons look the same across the app except buttons on Footers. They're smaller, font is smaller. Is there a way to have the same size button as in Content part? 2. On Footer I need to have button at full width and to achieve that I need to put it in ul/li but then top/bottom border of the button is not visible. When it's elsewhere outside ul/li it's fine Thanks in advance!
Code works in jsfiddle but not online
<h3><a href="http://www.bestorlandovacationpackages.com/Item/Westgate-Town-Center-Timeshare-Resort-Promotions-Disney-World-Tickets">Westgate Town Center Promotion with FREE Disney World Tickets</a></h3> <p>Enjoy a fantastic stay at a timeshare resort just 1 mile from the main entrance to Walt Disney World. Amenities include: mini golf, a large number of pools and paddle boats to name just a few.</p> <button class="btn
integrate JsQuery
Hi, im trying to integrate a jsquery plugin (listnav) to my very first page. i dont really know how to do anything so far. i just tried to solve it through following the instructions on the jQuery How to, and several other w3schools sites about jQuery. Hope you can help me. i added my code that ive been working out so far. kind regards <!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">
JQuery cycle
Hi I am using cycle method from http://malsup.github.com/jquery.cycle.all.js ". I have created a div with some images in it which I want to slide, I am calling the cycle method on the div, now when i sign in the page for the first time the images are not sliding but as i refresh the page the images start sliding, why must that be happening ? Also I want the images to slide as soon as i sign in, i have tried using document.ready(function(){ }); but have same behavior. <script type="text/javascript"
flex slider wrap text
Does anyone know how to get the text in flex-caption to wrap? I've got some long descriptions that need a second and third line. Thanks.
Reset Select Menu when back button is clicked
Hi there, My question is related to this code http://plnkr.co/edit/r7B4mck6kfRhuvjEKVrG?p=preview After clicking on Search Database button, the db_result page is displayed. When I click on Back Home link on this page, how do I reset both the Select Menus that are on the home page. Thank you for your time and support. Joe
How to stop panel from opening under certain conditions
To whom it may concern, I'm trying to stop a JQM1.3 panel from opening if a certain condition is met. So far I have an event that checks before the panel is open and check a global variable if it equals a condition should prevent the panel from opening. This is the what I have so far JSFiddle Link. HTML: <a data-role='button' onclick='openPanel();'>OPEN</a> <a data-role='button' onclick='closePanel();'>CLOSE</a> <div data-role="panel" class="rightPanel" data-theme='d' data-position="right" data-display="overlay"
adding custom animation while toggling
Hey guys , checkout my fiddle , its the most simplistic of toggle menus , now see how the menu does't have any effect while toggling , how can i add a custom animation , while the menu toggles ?? Please advice . Jquery menu code below: $('#r-menu').on('click', function () { $('#menu').toggle(); // end toggle }); Thank you . Gautam.
Need help with hover()
Hey guys, have a little problem with the hover() function: Code: $("#header-Home-li").hover(function(){ $("#header-Home-li").fadeTo( "slow", 0.33 ); }, function() { $("#header-Home-li").fadeTo( "slow", 1 ); }); To my Problem: When I go over the <li> element it hovers forever when i stay on the element. The text just blink (hover) for a while.. Any ideas how i can solve this? Thank you
contenteditable not working sortable and draggable
why contenteditable not work when I pull into sortable http://jsfiddle.net/pwppb78n/
autocomplete for dropdown button
hi to all i tried to slide down for my dropdown list. http://jsfiddle.net/harithareddy/g15tq78n/ i place one text box in that one.i confused to do an auto complete to my list .i dont want any plugin for that one...
Get table TR data from TD fails
I've tried variations (.parent, .parents, .closest) of the following "tdclick.html", but can't seem to get it to work. Can anyone see what I'm doing wrong? -- Thanks. File: tdclick.html -- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){ // build table $("#filelist").append("<br>") ; $("#filelist").append("<br>")
Subgrid populate on page load
Is there a way to have a sub grid populate on page load before user interaction with the master detail grid? What I am looking for is to have my sub grid populate on page load and allow a user to fine-tune the results in the subgrid when they desire by clicking on master a detail grid row. What I have is two grids fed by mySQL: Master Detail Grid is used to store product serial numbers along with the service ticket that they are associated with. I have thousands upon thousands of rows in this table.
dynamic image resizing
Hi everyone, i am doing a website where I have a list of images (I have at least 5 images per page that need re-sizing) with a certain width. Not when I try re-sizing the window I want the smaller size to be loaded dynamically, but it is not happening. Can someone please help me? thanks in advance. Here is a snippet of the code: function adjustImage() { var winSize = $(window).width; var img_src = $('img').attr('src'); if ((winSize > 800) && (winSize < 1400)) {
JQuery .load("Page.html") error
Hello, to day i have programming a little bit with html and java in the webbrowser. Jeah, an i have a porblem with the JQuery .lode. It isn't in by Webpage. Index.html the next is, it is work in CS6 adobe Dreamweaver <!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> <link rel="stylesheet" type="text/css" href="ActivLayout.css"> <link rel="stylesheet"
jquery memory cleanup ideas
Hello, I built a single page template that essentially just uses ajax to bring in the next pages content when the user navigates. Everything is working well but each page contains a lot of javascript. Some pages have up to 50+ events. After some time though there seems to be a huge build up in memory that continues to grow. After about 10 different page loads the browser is choppy, and doesn't smooth out till I refresh the page. $(document).ready(function () { function PegAjaxContent(page, websiteid)
Populate html a Links from an Excel Sheet . Possible?
I don't know if this is possible/ within the scope of jQuery. Is there a way to populate or fill blank href=" " with links from a google excel sheet? example: Column 1: "http:1.com" Column 2:"http:2.com" and so on.... my html has several list items with blank a tags, href=" " So would it be possible to fill these blank a tags in sequence - following the order of those defined in the excel sheet? Kindly let me know. Or point me in the right direction if possible. Thanks
Need Help with HTML Best Practices with the Dialog Widget (JQ UI)
Hello Forum! Please see code below. Everything works fine, but according to many HTML validators, using <div>'s as children of <li>'s is not best practice. What would you suggest I use instead? <li> works as well, but I'd like to know if there are other acceptable ways as well. Thanks! HMTL <ul class="PM-list"> <li class="dialog">Button 1</li> <div title="Content 1 Title">Content 1</div> <li class="dialog">Button 2</li> <div title="Content 2 Title">Content 2</div> </ul> JS
Server Error in '/' Application-->The server tag is not well formed
I'm working in ASP.NET and i used the following code in jquery.And it is showing me error"The server tag is not well formed".please help me out guys.My Jquery Code is $('#add').click(function () { var txtcnt = $('splting').text().split(';'); var table = $(this).closest('table'); for (var i = 0; i < txtcnt.length - 1; i++) { table.append("<tr><td><input type=\"text\" id=\"label\" runat=\"server\" value="+txtcnt[i].toString()+"/></td><td><input type=\"text\" id=\"currentName\" runat=\"server\" value="+txtcnt[i].toString()+"
Accordion
Hi all, I tried to create an accordion with the following code,but its not responding to what i am trying,please correct me my mistakes. <html> <head> <style> .accordion { overflow:hidden; border-radius:4px; background:#f7f7f7; } .accordion-section-title { width:100%; padding:15px; } .accordion-section-title { width: 100%; padding: 15px; display: inline-block; background-color: #333; border-bottom: 1px solid #1a1a1a; font-size: 1.2em;
Datepicker information pop up box
Hi, I am new to jquery and using it with Wordpress (Contact 7 Form Datepicker) I'd like customers to be able to select a date and then an information box pop up with expected delivery dates, is this possible in Wordpress? Thanks, Aimee :)
problem of adding style tags to head
why do I add tags to the head occur repeat style this example this example
Background fading effect
Hello every one! I ran across one website which is exactly looks like http://www.shoutagency.com.au/ ,My site is in under maintenance that’s why it’s not live right now.I want to create a background fading effect in my website using jquery. Anyone have any ideas? I'd really appreciate it! Thanks!
jQuery - KeyUp and other functions in document ready
Dear Guru, Thank you for your time. What I want to implement is the file of fail.txt. But I failed. Please see the function keyup and other function. I don't know why fail.txt doesn't work. Best regards,
Website to learn css
Please suggest me "the best" website to learn CSS quickly. thanks in advance
Jquery search
First I am sorry for the wall of code I'm about to hit any unsuspecting reader with, I'm attempting to add a search filter onto a page, it worked fine then I added isotobe to allow users to select images based on the class name I give to each element, I think it has something to do with the jQuery side although that could be a swing and a miss, the search does show the hidden span text when I enter it into the search box, so I'm very uncertain, any advice would be great. I have attached in jsfiddle
Diff between two dates excluding public holidays and week ends.
Hi techies Please address me how to find difference between two dates excluding public holidays and week ends for one of my leave application.
jquery full page overlay
Hi there, I would like to display an overlay over an entire page. The overlay will have some graphic and text message. The overlay will display automatically when the page is loaded or refreshed. The overlay should go away after 15 secs or if the user clicks anywhere. When the overlay is displayed I want the background to be grey. Can someone tell me how to do this? Thanks Joe
jsTree
I am new to jsTree. This is how I was able to configure the jsTree <link rel="stylesheet" href="assets/libs/jsTree/themes/default/style.min.css" /> <script src="assets/libs/jsTree/jstree.min.js"></script> <div id="treeViewContainer" class="treeViewStyle"></div> $('#treeViewContainer').jstree({ "types": { "#": { "valid_children": ["floor", "default"], }, "default": { "valid_children": ["default",
How can I set the height of an element based on another element's height?
Hi forum, Please see code below. It illustrates how far I've gotten with my problem. I'm trying to apply the computed height of each parent to their children. So child1.1 and child 1.2 need to take the height of its parent; child 2.1 and child 2.2 need to take the height of its parent; and so on. In my code, it only appears to be working on the first parent. If you can tell me why this is, I would appreciate it! JQ $(".parent").each(function () { $(this).children().height($(this).height());
JQ UI Dialog: How to Have Multiple Dialog Instances on a Single Page with Good Refactored JS
Hi, Please see my JS Fiddle example to get a better idea of what I'm trying to do. Take a look at the Javascript section. You'll notice the code is very repetitive. How can I refactor this code so I can add additional dialog boxes to the HTML in the future, without having to change the javascript? Thanks in advance for your help. And if you you know of another post with the same question, please let me know.
Next Page