Datepicker
I have a question i'm new using datepicker, well using jquery and my question is how can i make that when i click on a dat that can eredirect me to another page? 'cause a isaw in other page but i can understand the code
Lazy Load XT jQuery plugin
We have released new jQuery plugin for lazy loading of images and videos. There are several similar plugins exist (starting from original Lazy Load plugin by Mika Tuupola), but our one has following advantages: 1. In the simplest case it works out of the box without additional manual initialization. Just include script file on your page and rename src attribute to data-src. 2. It supports jQuery Mobile framework and it is AJAX-compatible in general: elements removed from DOM are correctly removed
How to fix Double click button?
Hi guys, I have this button below, the problem is I need to double click it before the form will submit. <?php if($data_completion != FALSE) { //If lesson already taken, disable submit button. ?> <input type="image" name="submitlesson" alt="Submit Lesson" src="<?php echo base_url('images/buttoncomplete1.jpg'); ?>" onmouseover="this.src='<?php echo base_url('images/buttoncomplete2.jpg'); ?>'" onmouseout="this.src='<?php echo base_url('images/buttoncomplete1.jpg'); ?>'" value="submit" disabled> <?php
problems with autocomplete
Hi, I am trying to develop an autocomplete search box on my site. I am almost completely new into jQuery, so I'm having tough time, I'd appreciate if you could help me a little bit. I suppose I have several errors. I have based my js code on http://jqueryui.com/autocomplete/ : $.widget('custom.catcomplete', $.ui.autocomplete, { _renderMenu: function(ul, items) { var that = this, currentCategory = ''; items.sort(function (a,b){ return a.category > b.category;
Images onclick
HI, I have 6 images in a div. I want to navigate to different locations by clicking on each image. $("#divCircle img ").click(function(){ window.open("https://www.irctc.co.in"); }); If I write like this every image onclick is navigating to that site only... Instead of that. I wanna navigate to different locations by clicking on different images. <div id="divCircle"> <div id="middleBubble" style="top: 125px; left: 125px;"> </div> <img src="images/home-laboratory-icon-off.png"
FadeIn / FadeOut
Hi ... I have set up a jquery script that fades in an image and three lines of text. There are two things I want to achieve here and am not succeeding. 1. Stop the loop. I'd like the image and three lines of text to fade in, then out and then stop. 2. After the cycle is complete I would like to redirect to another URL. Here's my code so far: <!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">
How do i add hash url to this AJAX script?
I want to be able to navigate between my AJAX content using # url so i can send users to a specific page. How can i implement that functionality in this script? $(document).ready(function() { //set your initial pages when website loads $("#content-container").load("content/corporate.php"); // set initial home page $("#sidebar-container #sidebar-content-container").load("content/sidebar-content/poll-faq.php"); // set initial sidebar page // content container load content based on nav tab clicked
.Show method not working with button..
I've fairly fluent in Jquery but why is this .show() to show the Draw button. The deal button disappears fine but the Draw button never appears. Really don't understand why this would be difficult. Also include jsfiddle link below code. HTML <input type="button" id="btnDrawCard" value="Deal"> <input type="button" id="btnReDraw" value="Draw"> jquery $("#btnDrawCard").on("click", function () { $("#btnReDraw").show(); $("#btnDrawCard").hide(); }); css #btnReDraw { visibility:hidden
Demo page for Listview Autodivider Linkbar has a defect
Hi... I probably shouldn't post it here but I don't know where else to report.... I believe the "view source" session for HTML in this page is wrong, it is different from the actual source of the page and completely unrelated to the demo. Listview Autodivider Linkbar http://view.jquerymobile.com/1.3.2/dist/demos/examples/listviews/autodividers-linkbar.html Please move this post to somewhere you know it belongs to Thanks Ryan
Using jQuery Coockie
hello http://plugins.jquery.com/cookie/ Can someone make me a simple example ? I have a navigation bar that I made it with a fixed position. I want to put a button on the navigation bar can be hidden away or small So far no problem. The following effects can be used : .css .animate But I Want to using jQuery cookie plugin to save these changes to the page. When the page is refreshed and the cookie will persist the changes. I hope you understand me And you can help me Thank
Loading external pages into overlay
I am testing Jquerytools, Loading external pages into overlay, from source: http://jquerytools.org/demos/overlay/external.html. In my script it not works, i dont understand why... Thanks for help. <!DOCTYPE html> <html> <head> <title>jQuery Tools standalone demo</title> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> <style> <style> #overlay { background-image:url(http://jquerytools.org/media/img/overlay/transparent.png); color:#efefef; height:450px; } div.contentWrap
Chrome is not working with my Jquery photo slider..
I am using Jquery on my front page ( dallasmart.com -- the photo slider).. this page works in Firefox and IE... but it does not in Chrome.... It is not working at all in Chrome.. what am I doing wrong? the following are my includes: <script type="text/javascript" src="../jquery-1.10.2.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script> <script src="../slides.min.jquery.js"></script>
How to validate Area (square meters) from two inputs?
I posted to StackOverflow.com, if anyone gracious enough to take a look at my problem? StackOverflow.com Question - How to validate Area? I have a simple working version at jsfiddle : Validate Area I have two inputs for width and height. One of the conditions require that I validate a range between 1 - 3000 millimetre for both the width and height. But I need to validate for actual square meter as well (width x height) to not exceed 4 square meters. (ie. 1.2m(w) x 3m(h) = 3.6m2) Thanks!
listnav -- no selection to start
I am using http://www.ihwy.com/labs/jquery-listnav-plugin/ I don't want any of the tabs to be selected when the page loads. right now it always shows the values in the first tab that has entries. i only want to show values in a tab when the tab is clicked.
Implementing a simple blockUI example in an existing page.
I'm new to jQuery and have been playing around with some of the blockUI plugin samples trying to get one of them to work in an existing project. If I paste the code below just below the <body> it works as expected. I have a standard button control (btnNext) within a view within a multiview that'd I'd like to blockUI on click event, so I change $('#demo3').click(function() to $('#btnNext').click(function() but get "JavaScript runtime error: Object doesn't support property or method 'blockUI'."
listnav on mobile
I was just introduced to listnav: http://www.ihwy.com/labs/jquery-listnav-plugin/ It does not say that it supports mobile devices/browsers, but it seems to work pretty well. The major issue with mobile support is smartphones being narrow. Showing 26 letters worth of tabs is too wide for a smartphone. Is there anyway to have the tabs "wrap" around, so instead of the following all on one line: A B C D E F G H I J K L M N O ... it could look like this: A B C D E F G H I J K L M N O P Q R S T U V
Replace text using a drop box.
Hi, I'm looking for a better way, to do the following as displayed in the pic.. $('#monthno').blur(function() { var monthno = $('#monthno').val(); // 2 var racedate = $('#racedate').val(); // 2014-01-26 var dspdate = $('#dspdate').val(); // 18 May 2014 if (monthno == 2) { racedate = racedate.replace('2014-01','2014-02'); racedate = racedate.replace('2014-03','2014-02'); racedate = racedate.replace('2014-04','2014-02');
Navigate AJAX loaded content with link
I want to send users to a specific page in my AJAX loaded content with a url. How can i implement this in the AJAX bellow? $(document).ready(function() { //set your initial pages when website loads $("#content-container").load("content/corporate.php"); // set initial home page $("#sidebar-container #sidebar-content-container").load("content/sidebar-content/poll-faq.php"); // content container load content based on nav tab clicked $("#nav-tabs-list li").click(function() { var page = $("a", this).attr("href");
Resizable on Table (should be able to resize the column)
Need help with Resizable for the table. I am trying to resize the column width by placing the cursor in the <th> I have the following piece of code to do the same $("#sampleTable>thead>tr>th").resizable({ create: function (event, ui) { }, handles: 'e', autoHide: true, // set correct COL element and original size start: function (event, ui) { var colIndex = ui.helper.index() + 1; colElement = table.find("colgroup > col:nth-child(" + colIndex + ")"); colWidth = parseInt(colElement.get(0).style.width,
Jquery Tbas - Links outside of div?
i also need some help with tabs. http://jsfiddle.net/webchemist/Dpg2W/ How do i move the buttons outside the tab div and still work ?
How do I trigger 'dialog' widget from an area map?
I have created an area map of the US and want to trigger the 'dialog' widget to popup with distributor info for each state via mouse click. Have had no luck so far making it work. Thanks, John
Connecting the dots
Sorry, newbie here. I have created a page in jquery mobile and written the accompanying javascript. You can see it working here http://jsfiddle.net/xGxQa/ My problem is when I try to get them to work together they don't. Where am I supposed to put the javascript in the html file? I have tried using Dreamweaver and Notepad++. I put in the appropriate calls in the header but when I go to preview the page it doesn't work. There is no styling and the quiz doesn't work. Any help would be appreciated.
sending php array through jquery
I have the following code, and would like to send it to a page for validation. data: "submit=1&elements=$_POST['elements']" Is this the right way to send a php array? I also have this defined before the .ajax: var $_POST = <?php echo json_encode($_POST); ?>;
Trouble with .find() and if/else
Hi, I'm trying to use the .find(), to search for a specific DivId inside of another div. <div id="container9"><div id="box9"></div> It sort of works, but I'm having trouble getting the code to run this when I use it in a if/else statement, it loads the entire ifelse statement, instead of just for when the if or else statements are true. Was wondering if anyone could shed some light. Shouldn't it search Container 9 for id"#box9", then execute that code, then break out of the if statement completely?
Set full screen browser
Hi, I wanna set full screen browser when someone visit my website, I know about on click which sets full screen but I couldn't find correct way when my page load. thank you.
iPhone 5 Safari - setting sessionStorage blocks execution of the rest of the code
It seems I encountered an issue with setting sessionStorage by iPhone 5 Safari browser (latest IOS version) - in desktop browsers all works flawless. I have this simple code validating a login form with ajax: <script> $(document).bind('pageinit', function() { $("button#submit").on('click', function() { if ($("#username").val() === "" || $("#password").val() === "") { $("div#response").html("Please enter both username and password"); } else {
Populate textarea with contents of span
Hi, I need to get the text within a span to populate within a textbox. Texarea I would like to populate: <div id="GiftMessageOption" class="top-m btm-m"> <h5>Gift Message</h5> <label for="giftMsg"> <small>Please type your desired message (optional)</small>:<br /> </label> <textarea class="Field validation productAttributeFluidWidth" id="giftMsg" value=""></textarea> <div class="cf"></div> </div> Span I want the
jQuery validation plugin: 'required' not working
So I've downloaded the jquery validation plugin (http://jqueryvalidation.org/) but the ability to make a field 'required' doesnt work. Or rather, it only works half. If I make a field required and I click on it and then click away it properly makes the field red as if to show that it needs to be filled in. But if I click submit it doesnt give an error message, which it should. Which is completely weird because for the 'minlength' validation rule it works fine on submit. Here's the html for the field
jQuery active link hide
How can I make a link when active to hide it self? Press a link > Menu Opens > Link pressed hides it self
onclick check session value either it is empty or not
when hit 'Go' button then it will be check that either session is in set or not. if session is empty or unset then a div (loginWin) will be shown. i am very confused please help me. thanks in advance. Html Code: <? session_start(); ?> <input type="button" value="Go" onclick=" userValidate()" /> <div id="loginWin" style="display:none"> <iframe style=" position:absolute; top:200px; left:300px;" id="framSrc" width="500px" height="400px"></iframe> </div> <script> function login(){ $("#framSrc").css("src","login.php");
Bringing Metawidget to JQuery Mobile
Hi guys, Thanks for all the great work you do on JQuery Mobile! I'd like to announce the new release of Metawidget (3.7) adds support for JQuery Mobile. This allows you to easily create dynamic User Interfaces for JQM applications. It supports the full Metawidget pipeline of pluggable Inspectors, WidgetBuilders, Layouts and more - so you can scale from simple UIs to complex, enterprise apps: Here's a simple (but complete) example. It creates a JavaScript object, renders a UI, and saves it again (the
problem in frontire calendar
Hi, I am Using Jquery frontire calender, i am facing two problems. plz help me on those.. 1) I am doing add/update/delete event operation on the calender, in firefox . If i keep the page inactive for 1 min then the dialogue box is not responding. 2) Data displayed on the particular date box, but if i scroll the page then data is fixed and date is mooving. plz help me on that.. Thanks, Pratap
How to accees Elements of Iframe Inside Iframe ?
Hi , I am trying to access Div element which has class(class="box-layout-inner") inside Iframe , But unable to get that element . Here is my Html Code : <iframe src="" scrolling="no" id="ifSubReport" style="overflow: hidden; width: 1062px; height: 1705px;"> <html> </div><head><title></title> <script src="jquery-1.8.0.min.js"></script> </head> <body style="margin: 0px; width: 100%; height: 100%;"> <form name="Form1" method="POST"> <mainbody> <span> <iframe src="" id="iframeMyID" height="650px" width="100%"
Navigate Through AJAX Loaded Content Using URL
I know this has been asked before but i cant seem to get it to work properly despite countless tutorials. I want to be able to use URL's to navigate through AJAX loaded content on the main page. I don't want to use "#", instead the actual page name and use the back and forward browser buttons. Here is the AJAX i use to load my pages. $(document).ready(function() { //set your initial pages when website loads $("#content-container").load("content/corporate.php"); // set initial home page $("#sidebar-container
cannot update jquery-timepicker data
I am just using time picker from https://github.com/jonthornton/jquery-timepicker , and using DisableTimeRanges feature to pickup valid time range from some date. My idea is when user selects a date, then update Disable Time Ranges on time field with ajax. The problem is time field can only display first time range data from server, and cannot refresh updated data from server. my code: $('#dateStart').on('change', function () { $.ajax({ url: "/showStartTime", dataType: 'text', contentType: "text/plain;
Testing jQuery UI dialog
I'm trying to create a jQuery UI wrapper for my PHP project. I'm using QUnit for unit-testing JavaScript codes. I want to test if my wrapper functions for jQuery UI dialog are working ok, that is, if the dialog-box is actually opens as intended. What is the standard way to check if a dialog is working normally? I found that the "dialog" method is returning its object when the operation is successful and "undefined" when it fails for some reason. Is this safe to assume those results as reliable source
How can I unactive the them style file
Dear Sir, When I settup jQueryUI I add to add that line <link rel="stylesheet" type="text/css" href="/cakephp/css/jquery-ui/css/smoothness/jquery-ui.custom.min.css" /> This is fine for the date picker. But I also use tab and I do not want to use that theme for the tabs. Here is my simple tabs call $( ".tabss" ).tabs({ active: 1 }); How can I unactive the theme only for the tab .tabss? Cheers
Using code on specific pages
I'm trying to set up my external js file to use page routes, so certain functions will only execute and be called on page which they are routed to. I have the route working when I need the code to work on only one page for example: route.add('example.aspx', function () { // code to execute on example.aspx }); But I would like to have some blocks of code accessible on multiple pages. for example: route.add('page-one.aspx', 'page-two.aspx', function() { // code to execute on page-one.aspx
Using server date inside datepicker
Hello everyone, I have implement datepicker plug-in who works pretty cool, but I found an issue - when someone has wrong date on his computer datepicker also showing wrong date (what is logical). Now I'm trying to use date from server, but I don't know how to "insert" it into datepicker. My code looks like that: JS: $(function () { $.datepicker.setDefaults({ dateFormat: 'dd/mm/yy', dayNamesMin: ['Nie', 'Pon', 'Wt', 'Śr', 'Czw', 'Pt', 'Sob'], dayNames: ['Niedziela','Poniedzialek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
dialog from a dialog
Greetings, i have a validate that uses dialog to give it's warning/message. I also have a dialog i am using to gather manual input from an select/option drop down. If i validate the length on the dialog when it calls the second dialog it works well but then freezes up my screen after the message appears? is there a way to do this?
Next Page