HTML 5 native validation is not working in JQuery UI model box but Jquery validation using plugin is working
Hi All, I am using a Jquery model box where HTML 5 native validation is not working. My code is here : http://jsfiddle.net/inDiscover/btnwZ/. Also I am adding the code below. <!DOCTYPE html> <html> <head> <title>jQuery UI Dialog: Open Dialog </title> <link rel="stylesheet" href="../css/jquery-ui.css" /> <link rel="stylesheet" href="../css/style.css" /> <script type="text/javascript" src="../scripts/jquery.js"></script> <script type="text/javascript" src="../scripts/jquery-ui.js"></script>
Slide 2 divs simultaneously from right and left on click
Sir, below is my code that i have tried : <html lang="en"> <head> <meta charset="utf-8"> <title>slide demo</title> <style> .leftpanel1 { width: 300px; height: 100px; background: #ccc; position:absolute; float:left; z-index:100; top:0; background:red;} .rightpanel1 { width: 695px; height: 100px; background: #ccc; position:absolute; float:right;z-index:100;top:0;background:red;right:0;} .leftpanel2 { width: 300px; height: 100px; background: #ccc; position:absolute; float:left; z-index:10;top:0;background:green;}
TypeError: $(...).offset(...) is undefined
In my firebug console I'm getting this error. TypeError: $(...).offset(...) is undefined This is the code if (typeof window.location.hash !== 'undefined') { $("html, body").animate({ scrollTop: $('#' + window.location.hash).offset().top }, 1000); } and this is the line it's talking about $("html, body").animate({ scrollTop: $('#' + window.location.hash).offset().top }, 1000); and the arrow is pointing to the $. This is the positions that i have for my jquery. On top of my page I have
Create a compressed file of multiple files
Hi All I am working in the SharePoint task and created a table which will show all the task items and having an Attachment column which will show the attachments related to the task item.If i click the attchment icon it will download the file.. But if in case that task item contains multiple attachment i want to download it as zip file. JsZip example showing about creating a file and zipping it. var zip = new JSZip(); zip.file("Hello.txt", "Hello World\n"); var img = zip.folder("images"); img.file("smile.gif",
Returning selected value to calling page
Hi, I am developing a jquery mobile page using 1.3.2 and want to develop follwing page Select Region (drop down box) *1 [ Region 1] Customer Code : [ ] Input box disable *2 [Fetch customer for selected region] button *3 [show customer orders] Button *4 *1 : Region drop down where user will be able to select region from dropdown *3 : When This button is clicked it calls a new window or popup which is generated from jsp page which will display only customers
Why does this not convert inputted vals to floats?
I had this code, which added inputted vals and put them in a "totals" box: 'change .payments': function(event) { var paymentTot = $('#paymenttotal').val(); paymentTot = parseInt(paymentTot) || 0; var targetVal = $(event.target).val(); targetVal = parseInt(targetVal); paymentTot = paymentTot + targetVal; $('#paymenttotal').val(paymentTot); }, ...but then I realized I wanted "dollar amounts" and interspersed what I hoped would convert the vals to floats (I naively
Time is not set and displays computer time
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> var ser_hours, ser_minutes, ser_seconds; var ser_date = new Date(); function updateClock ( ) { //var currentTime = new Date ( ); var currentHours = ser_date.getHours ( ); var currentMinutes = ser_date.getMinutes ( ); var currentSeconds = ser_date.getSeconds ( ); // Pad the minutes and seconds with leading zeros, if required currentMinutes = ( currentMinutes < 10 ? "0" : ""
Howto - run "c" executable from html page using jquery
I want to access a "c" executable from my html page. ie: I want to call "helloworld" through a "javascript" function such as: ....... <head> <script type="text/javascript"> function runHelloWorld() { CODE TO CALL => /$PATH/helloworld } </script> </head> <body> <a href="javascript:runHelloWorld()">Run Hello World </a> </body ....... I have seen discussions re: "network.protocol-handler.app" but all the talk and examples are regarding "Windows" with
.bind('pagebeforecreate' problem?
I'm trying to work through the examples in a textbook entitled "jQuery Mobile Web Development Essentials - Secnd Edition". I'm using this version of jquery "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" as well as this version of css "https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" and this version of jquery mobile "https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js". I'm currently stuck in the last example given in chapter
label was hidden in field contain
Hi In my form fieldcontain label was hidden (label little bit big ), so please help me how to resolve this,if there is any pre-defined class is there or we need manually create css.
firing document ready of second loaded page
hi, i have 2 aspx pages, from one i load the second with $('#mydiv').load('Resultats.aspx', function () { // some code }); the resultats.aspx page have a jquery document.ready function code but the problem that it is not fired . how to fire the document.ready code of the loaded page please ?
I am trying to get my jQuery functions to work on IE8.
I am trying to get my jQuery functions to work on IE8. I am loading the library from google's servers (http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js ). The $(function(){}) is never called. Instead, I get an error "Object expected". I opened the developer and ran "typeof $" in the console, and it came up as "undefined". I have tried going to other sites that I know use jQuery (jquery.com), and those all work, is there something I might be missing here? Thanks Tauqeer
how can i trigger javascript event if i write something in textbox
I have two text fields , i want to save the values to database directly when someone write in the text fields without pressing submit button, Is it possible? Actually i want to know if there is any function through which i get the value from text fields directly after someone type there.
scrollTop: $(window.location.hash).offset().top scrolling to the end of the element?
Hi jQuery forum, im pretty new to jQuery and usually just doing PHP/HTML/CSS things. I´ve googled and tried this many many hours in the last 2 days but i cant get it working. What i want to do: SmoothScrolling on same-page-links (working) and SmoothScrolling on new-page-links ("half-working"). My Code for same-page-links: $(document).ready(function() { $('a[href*=#]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') &&location.hostname
jquery calculations
i have almost done my work but there is problem in calculation i want to write expanse value that will be add to current bill and show in total bill section i dont know how to do that here is my code.i have attached the picture of output. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="jquery_1.9.1.min.js"></script> <script> $(document).ready(function(){ $('.inv-detail').delegate('.qty,.price','keyup',function(){ var tr=$(this).parent().parent();
jQuery newbie
HI all, I'm very new to the world of web design and jQuery so apologies if I'm asking about basics! I have downloaded a theme pack to use a datepicker on a site I'm building in Muse but I have no idea how to go about placing it into the site so it works. Any help and guidance would be very much appriciated, Thanks
Themeroller zip download is not working
Hi, The Themeroller zip download option does not work anymore since about an hour ago. Can someone please look into it? Thanks!
How to make a simple tictoc game using jquery??
Hello Sir, I want to make a program for tictoc game using jquery but in simple format. I have code in Java Script for tictoc game but I need in jquery Java Screept Code [ <html> <head> <script type="text/javascript"> var p=0; var tmp = "0"; function f(x){ if(x.innerHTML=="") { if (p%2==0) { x.innerHTML="o"; } else { x.innerHTML="x"; } p=p+1; q('d1','d2','d3'); q('d4','d5','d6'); q('d7','d8','d9'); q('d1','d4','d7'); q('d2','d5','d8'); q('d3','d6','d9'); q('d1','d5','d9'); q('d3','d5','d7'); w();
Div height question
Hello all The link to jsfiddle shows something I don't understand. The div with the blue backgrounder not automatically grow in size to contain the input field. I have set the height to 20px so itat least shows up. Without the size explicitly set it won't show up at all. Can anyone explain why? Is this a case thing or does it have to do with jQuery/jQuery Mobile? Link to jsfiddle
Datepicker without default date
I have 2 calenders on one webpage. When i click a date on the first the second one should be opened (recreated) with min and max dates but WITHOUT a default date, how do i do that? Max and min works, but the default days will be the minDate if not set it to another available date. The reason is that the visitor should do the select without hints from us. /Per-Erik
jQuery Mobile Panel Wont Close?
My jQuery will not close my side panel, even with the data-rel="close", and add in an href="#mainpage". The button changes colors, but just doesn't close. Am I doing something wrong? I'm using the Intel XDK running Cordova with the jQuery framework.
Multiple elements in single column
Hi, I have to display multiple fields in a single column of a grid on the same row.. Eg. a text box + button / text box + label / text box + image etc.. I am unable to do the same using the grid layout.. Below is my html .. the fields get wrapped and appear on the next row of the column. Kindly let me know what needs to be done here.. <div class="ui-grid-a"> <div class="ui-block-a" > <div class="ui-field-contain"> <label for="1">Text input grid 1:</label> <span class="mandatory">
Question about example
What does line 34 in "Post a form using ajax and put results in a div" on the page http://api.jquery.com/jquery.post/ supposed to do? What corrections need to be made to this line? Does anyone test these examples?
Anybody uses Docker here ?
Hello guys, anybody here who uses DOCKER ? . off topic i know , but just had to ask :) just had a few basic questions , nothing much .
Unable to make this searchable dropdown plugin work
Hi, I am using <select> element where the data comes from database and using https://github.com/alxlit/bootstrap-chosen this for searchable dropdown. It works fine with the <select> when present on the page. Now my problem is the <select> element is being generated dynamically with jquery and the data list coming from database is also being inserted through ajax and the Chosen plugin does not work for this. Is there any way I can get it working? or any other plugin suggestion? below is the code
Inconveniente con ".val()" en una sentencia FOR
Hola gente linda. Mi problema es que no puedo extraer el valor (.val) en un bucle For, sin embargo extrae el primer valor cuando se escribe en un campo de texto de la lista del carro de compras. Aquí los códigos: js: $(document).ready(function () { $('#cant_prod').keyup(function () { var cantProd = $(this).closest('.prueba2').find('#cant_prod').val();//Extraemos la cantidad tipeada var numCantProd = parseInt(cantProd);//Convertimos la variable en entero alert(numCantProd);
Jquery mobile does not support correctly
Hi, I have my cordova project and I am using jquery and jquery mobile for fetching remote data from remote servers. I am suffering from a serious condition which is that if data which is dynamically craeted in .js file is successfully displayed in lower versions of android like jellybean but if I use upper android versions, then on those devices jquery it not working at all.It only displays that data which I have created in pure html not with jquery mobile. I am using jquery versions which are
google chrome browser issue
Hey guys. I have a problem.My app can't open on google chrome. ts working other browser. Can you help me please.
jQueryValidation issues: Label class always has errorClass
Hi, I am a newbie with jquery and this module. But trying to style valid/invalid fields, I inspected the fields and I noticed that the errorClass class is never removed from the label tag Example: I setup a "digits" field with min=3 and max=30. When I enter 1 in the field then label Please enter a value greater than or equal to 3 is displayed. The Inspector shows that the label has the class jqv-invalid When I enter 12 in the field then label is not displayed but has 2 classes: jqv-invalid and jqv-valid
How to change name of button using mouseoover function in jquery??
Hello Sir, I want to change my button name using mouseover function. I have two buttons.whenever pointer comes to any button its name change to yes and another button name to no. Here is code i m trying [ <html> <head> <script type="text/javascript" src="jquery.js"></script> </head> <body> Are you Mad? <input type="button" class="c1" value="Yes" id="b1"> <input type="button" class="c1" value="No" id="b2"> <script > $(".c1").mouseover( function bun1() { $(this).val=text.("Yes"); }); $(".c1").click(
Don't laugh. :(
It will soon be pretty obvious how new I am at this... Here all I'm trying to do is get the "value" of an editbox, then increment it up by one. What is wrong? <script language="Javascript"> //change doXxxxx() to doAnythingElse() then change element events to same function doPlus() { var value = $("#Qty1").attr("value"); $("#Qty1").attr("value") = value++; } </script>
Can Can i permanently change the value of a button?
Hi sir, I am currently using jquery in ASP.Net mvc razor View, and want to change the value of button permanently, I did some coding which works but the problem is i refresh the page it again change the value to original one, the button value is Lock when i click on it i want it to be Unlock which it does but after refreshing the page it again become Lock, Here is my code; function change() { var elem = document.getElementById("lockId"); var orderid = document.getElementById("order_no");
programatically force the scrollbar jump to the top
My site is perfect-rehitim.co.il I use athe dialog ui and it launches via the left most menu item. My question? How do I programatically force the textarea scrollbar in the left to jump to the top, or alternatively get the focus on the first line? Regards
div play button onclick not working with ajax super filter
Hi Guys, Need your support! I have one problem with my play button which works fine until i use super filter (Ajax content) to refine the list of products. Button style shows fine but when i press it nothing happens, which should call and send a mp3 link, name and thumb for my music player (jquery) to read, which is sticked on the bottom of the page. 1.This is how it looks like HTML:(code generates multiple products on one page depends on how many products) <div class="audioplayer-song-changer" data-target="#ap1"
User select date 10 years from today date jquery datepicker
Working on jquery date picker in my current code. I want the datepicker should show from the year 1900 - till today date User has to select previous 10 years from today date if in case user select yesterday date or today 's date or a month ago date eror msg should populate in the error message field Here is my current Jquery code $(function() { $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true, yearRange: '-115:+1M' }).on('change',function(){ alert("check"); }); }); Here is the
[jQuery] Don't add ".html" in URL - Please help!!
Hello everybody! Up front, I excuse me for my bad English! I develop a website and found this fancy animated sidebar-menu: Codyhouse Furthermore, I specialized on PHP and MySQL, so actually I'm not able to develop jQuery! But I have a problem! I have the menu like this: <nav class="cd-side-navigation"> <ul> <li> <a href="#0" class="selected" data-menu="/index.php?site=0"> <svg class="nc-icon outline"><!--SVG ICON STUFF--></svg> Home </a> </li> <--! More entries... --> So in the end,
Trying to write login function using ajax
Hi everybody, i'm writing easy ajax login function using angularJs, but i got some question which relates ajax, this is my function: $scope.login = function() { $.ajax({ type: "POST", url: "http://ce.mauris.info/en/api/auth", data: {email: "test@test.com", password: "1111"} }).done(function( msg ) { $location.path('/app/feed'); }); } // login when i come to my login.html, i can just click on a button and go to '/app/feed' i thought that i have to enter data
JQueryUI Dialog - inital div display state
when you attach JqueryUI Dialog function to a div containing a form, do you need to set the initial CSS state of the div to display:none or does Jquery set that state automatically to anything with dialog function hooked to it? Unless i missed it on this page: jqueryui.com I never saw the initial state of the DIV containing the modal form set to display:none anywhere
[SOLVED] Dialog overlap autocomplete's dropdown list
I have simple page with several dialogs. Each dialog has autocomplete widget. On dialog created dynamically autocomplete's items appears outside dialog. On static dialog all work fine. I create sample on JSFIDDLE and this sample work correct, but when I run this code on my server it work with bugs.File from my server
Rework image slider
Hello, i found a simple slideshow scipt on this page, wich works nice for me. The only problem is, i can´t add descriptions/caption for pictures. This way i need help for a rework. The creater has written in the comments the easiest way should be to use a div for each image and a span with text in it. I tried and changed in the Jquery the img tags with div tags, but i dont get it to run (im a beginner :(). I added the Code on JSFiddle Click. And here the updated Code i tried, but the images are´nt
Next Page