html 5 native validation is not working in jquery ui dialog box
Hi , We are using Jquery Dialogs in asp.net 4.0 application with Ajax Call.Now we are trying to implement HTML5 attribute like required. html 5 native validation is not working in jquery ui dialog box please help me out.See the below image ,controls are not showing html5 native message like 'Please fill out this field" Thanks in advance.
How to display an input box, dropdown select, and a submit button in a single line?
Hi, When I try to implement something like displaying a search box, a dropdown select, and a submit button, all in a single line, what i am getting is them in different lines. I tried something like; <form> <fieldset data-role="controlgroup" data-type="horizontal"> <input type="search" placeholder="Enter keyword" name="search" id="search" value=""> <select name="select-native-13" id="select-native-13"> <option value="#">One</option> <option value="#">Two</option> <option
How to get an accordian to open up one at a time
I've got an accordion that I'm trying to create so far I've only got 1 accordion open and the rest closed but when I click on another title then the other 3 open up. $('.panel-title a').click(function(){ $('.panel-collapse').each(function(){ $( this ).toggleClass( "in" ); }); }); this is my html <div class="panel-heading"> <h4 class="panel-title"> Lorem ipsum </h4> <div class="panel-collapse collapse in "> Lorem ipsum dolor sit amet, consectetur
jquery effect issue
Hello All i am new in website development creating a website having sidebar navigation link. on click on link need to open link content new panel on right side having specific height and if i click second link that click content should open on right panel only but with scrolling effect since i kept mouse over effect also on right panel please help me code we i am using: <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Jquery alternates between working and not
I have a site that I am working on where all of the jquery plugins I am using (summernote, multiselect, validation and tons more) work perfectly the first time a modal is loaded. Then the second time a modal is loaded nothing works. Then the third time everything is perfect again. I have googled and searched and have no idea what is going on. Can someone please guide me or direct me to a resource so that I can finally fix this problem.
Not sure how to make use of cache?
if (!sessionStorage.getItem('GotTags')) { $.ajax({ url: "Search/GetTags", method: "GET", datatype: "json", success: function (data) { sessionStorage.setItem("tags", JSON.stringify(data.songTags.concat(data.albumTags, data.artistTags))); sessionStorage.setItem('GotTags', 'true'); } }); } $("#searchString").autocomplete({ source: function (request, response) { var
Creating a "Plugin System" for my application
Im creating an app that users can create plugins for in both PHP and jQuery. I had 2 questions about the jQuery plugin setup. Im using an observable design pattern I found online, somewhere on the jQuery site actually. Heres the code thus far: The Observer: /** * @see https://api.jquery.com/jQuery.Callbacks/ * @see http://addyosmani.com/resources/essentialjsdesignpatterns/book/#highlighter_506612 */ ;(function($) { var topics = []; function getTopic(id) { var callbacks; topic
fotorama resize issue
I've set up a responsive Fotorama page with several different Fotorama divs. Idealy i would like the Fotorama pane to display a different size for iPads portrait / landscape modes and for desktop I'd like it to scale according to the users browser window size. Using the responsive data-width, data-height styles as shown below works more or less perfectly: <div id="fotos1" class="fotorama" data-width="100%" data-ratio="1000/640"> <img src="img/sA1a.jpg"> <img src="img/sA1b.jpg"> <img src="img/sA1c.jpg">
Why jQuery blockUI uses iframe in case of MSIE
Hello, We are facing an issue where we are using jQuery.blockUI plugin and in case of MSIE we get a 404 whenever call to block() is made. We have narrowed it down to this line of code. var lyr1 = ($.browser.msie || opts.forceIframe) ? $('<iframe class="blockUI" style="z-index:'+ (z++) +';display:none;border:none;margin:0;padding:0;position:absolute;width:100%;height:100%;top:0;left:0" src="'+opts.iframeSrc+'"></iframe>') : $('<div class="blockUI" style="display:none"></div>') It seems
Error when using $.ajax() and Create an XMLHttpRequest object in the same page
Hi all, I fetch information from database using ajax , one time using $.ajax() and the other by create XMLHttpRequest object in the same page , my code looks like this : HTML code : <button class='orderBtn' >order</button> <!--here some html code-- > <ul id='item-nav'> <li ><a cate_id='1'>item_1 </a></li> <li ><a cate_id='2'>item_2 </a></li> </ul> <div id="items_container"></div> _javascript code : $(document).ready(function() { //here some code $("ul#item-nav li").click(function() {
preload
I've been experimenting with several preloads found in this forum and am not sure which is most effective. I've been testing with: $.fn.preload = function() { this.each(function(){ $('<img/>')[0].src = this; }); } then: $(["images/IMG_00000.jpg", "images/hip1_00001.png", "images/hip1_00002.png",...etc.... ']).preload(); You will notice my images are in folder called 'images'. Totally naive question, but does the preload function code above $('<img/>') refer to a folder called 'img' or does
No records displaying with JQuery & HTML output question
I am having issues with my code. Index.html < !DOCTYPE html > < html lang = "en" > < head > < script type = 'text/javascript' src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' ></ script > </head> <body> <!-- Side Menu --!> < ul id = "sidemenu" class = "acc-menu" ></ ul > <!-- Show Categories --> < script type = 'text/javascript' > $ ( document ) .ready ( function (){ /* call the php that has the php array which is json_encoded */ $.getJSON
How to get page to scroll to a section when a button is clicked
I'm trying to get my page to scroll to a specific point on my page if there is errors after submitting a form. My page scrolls down but then jumps up to a different section. My code only works for chrome. I got this code in my jquery if (location.hash !=="") { $("html, body").animate({ scrollTop: $('#' + window.location.hash).offset().top }, 1000); } but then I get this error in my firebug Error: Syntax error, unrecognized expression: ##contact ....value:null},fb.error=function(a){throw
When is a .data content released (its lifespan)?
When is a .data content released (its lifespan)? Is it when the HTML disappears from the DOM?
Responsive Nav Quickly Closing once clicked
Hoping someone can help me out - had to code a responsive menu myself for the first time and the javascript seems to be glitchy or something. It works fine if I don't have the extra query within the slide toggle, but the regular nav menu won't show again once the browser is widened past the mediascreen of 960px. This is what the extra function was added for, but now the mobile menu just opens and quickly quits as soon as you click on it (probably because of that 400 limit - but whyyy?). Anybody have
Need the individual URLs
Hi guys, I am almost code-illiterate, but I need to do something for my university project (part of it, at least). One of my friends said that this particular code is ajax/jquery. So, I am here to ask for your help!!!! There is a website "www.geziko.com" which is a online flight booking site. For my project, I need to get the URLs of individual flights. I mean, after entering search parameters to required fields (origin, destination, departture date, etc.), there comes the list of available flights.
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 .
Next Page