jQuery UI Tabs via Ajax -- Recommended way of preparing panel content
The sample in this site does not show how to pepare a panel content exept for preloaded content. There could be several ways I can think of, someting like: (1) complete html format which includes tags of doctype, html, and every thing, (2) html format without tags of doctype , html, and head, or (3) html format only includes content itself. I wonder what is the recommended way for preparing panel content, because I have experienced some probems in either way. In case of (1), there happened some
toggle div fails
If a visitor on my site selects a value in a selection box, I want it's corresponding div to be displayed. If the visitor selects an other value, I want to hide the old div and display the new div. The coding I have so far doesn't work properly.. the first and last select options don't display the div at all, and the second select option only flashes the div. I hope someone can help me out.. PS: The Option1, Option2 and Option3 values are being pulled from my db, but these values can have other names.
Validation - PO Box OR Address (multiple input controls)
Here's the code: if ((jQuery('#OwnersPoBox').val() == "") && (jQuery('#OwnersStreetNumber').val() == "ie. 301") && (jQuery('#OwnersStreetName').val() == "ie. Jefferson") && (jQuery('#OwnersStreetType') == "ie. Street or St")){ alert('Please enter the owner\'s po box or street address'); jQuery('#OwnersPoBox').focus(); return false; } if (jQuery('#OwnersPoBox').is(":disabled")){ Return = ValidateItem('OwnersStreetNumber', true, "Please enter the owner's street number.", null,
set a value to textbox
I'm trying to set value of texbox with name "Pay" to 0. But it doesn't work. What is wrong? $(document).ready(function(){ $("button").click(function () { $("input:text[name=Pay]").val(0); }); });
jquery
Hi , I have two text boxes , as Start Date and End Date Getting Dates by using two Date pickers. So My Requirement is Such that , my start date should be not be future date . means not tomorrows Date should not be accepted?
cannot access prev html tag in Jquery
hi i have code like this http://dpaste.com/1568849/ question is how can i access prev of td selector of value="fird0s" ? thanks :)
Using a var in an input tag
How would I use a var in an input tag as in: <input id="zoom" name="zoom" type="range" value="myVarHere" min="0" max="25"/> Thank you. Edit: This seems to work: <div id="divzoom" data-role="fieldcontain" > <input id="zoom" name="zoom" type="range" min="0" max="25"/> <script> $("#zoom").attr("value", zoomlevel); </script> </div>
Instead of INPUT >> GET value
I need a little advice on how to modify this javascript code: HTML code <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <label for="kwd_search">Search:</label> <input type="text" id="kwd_search" value=""/> <table id="my-table" border="1" style="border-collapse:collapse"> <thead> <tr> <th>Name</th> <th>Sports</th> <th>Country</th> </tr> </thead> <tbody> <tr> <td>Sachin Tendulkar</td> <td>Cricket</td> <td>India</td> </tr> <tr> <td>Tiger Woods</td> <td>Golf</td> <td>USA</td>
.data Method: Storing Class Attribute Values and Restoring Them
Total newbie to jQuery. I have a set of <span> elements, each of which has the @class attribute with multiple values. I have several functions that allow users to change the CSS of the <span> content in various ways. I want to provide a "Restore" button that sets every <span> element back to the @class settings it had when the page loaded. Here's the code I've got to this point: 1. Iterate over each <span> and store the @class value in the element's .data collection: $( document.body ).click(function()
help updating dw cs 6 with 1.4.0
hi i hope some can help here with this. I have try to up date dw cs 6 with the new 1.4.0 files i un zip the file then copy them a cross to the right file then i open dw the started a new jquery site had a few fun thing happen but i got it to see the new files. Now i did not get delete jquery 1.6.4 min as i do not know what this does but dw still ponts to it in the code what is happing is that when i try live view it not working it just show the all the page as if it was a html page i have put a pic
How to display error login message on dialog after spring validation
Hello to everybody! You are my last chance. I ask this question on few forum and have no answer yet. My issue is how to display login error on the login dialog after I validate the user in spring security. index jsp: <div id="dialog"> <div id="tabs"> <ul> <li><a href="#login">Login</a></li> <li><a href="#register">Register</a></li> </ul> <div id="login"> <jsp:include page="login.jsp"/> </div>
set maxDate to specific date
Hi, I would like to ask how can I set the datepicker maxDate to a specific date. Itried the following: if (GetQueryStringValue('id') != "" || GetQueryStringValue('id') != null) { maxClosing = new Date(<?php echo date("Y", $max_closing_date); ?>, <?php echo date("m", $max_closing_date); ?>, <?php echo date("d", $max_closing_date); ?>); } else maxClosing = "+90D"; but although my #max_closing_date is 2014-04-19, I am getting the maxClosing when id is set as: 1970-01-01 like this: if (GetQueryStringValue('id')
disply raw xml, tags and all
OK, so I need to open up an XML file and copy the contents into a string and display as is, with the tags. What do you think can we do it? Crazy? Perhaps, but I just do what they ask. I thought I could trick the interpreter by putting quotation marks around the data, but I get "[object Object]" when I do that instead of [object Object]. Not that tricky I guess. I guess I will have to stick everything inside some <pre> tags eventually too. $('#display-xml').click(function(){ $.ajax({
what is the difference between .stop() method and "queue:false" property?
i am pretty confused with this that .stop() is used to stop the current animation.....Queue is used to allow callback functions to execute or not? why it is used prectically??
Close menu after click. Is possible?
Hi, is possible close menu after click? Carlo
Jquery HighCharts
Hi , I m Using Jquery Highcharts for Visualization in my application. But When for X - Axis when i Have Categories More than For eg Say More than 50 It Gets Overlapped ? I have Enabled the Scrollbar Property then to When X - axis Data Category is Huge Gets Overlapped . please let Me Know ?
search text box
how to do search alphabetically Alphabetical (i.e. select ‘B’ and get a list of all company names beginning with letter ‘B’)
Real issue with radio buttons (losing style)
Hi, New to the forum and have been using JQM a little over the past few months. I have an issue with Version 1.3.2 with radio buttons and styling. I have a set of radio buttons on my page that the labels and values are populated dynamically. When I first open the page I see everything as expected, however if I later return to the page (and try to populate with new dynamic data) the radio buttons don't have the 'select circle' and appear smaller and "flat". Here is my fieldset: <fieldset data-role="controlgroup"
Security with Jquery
Hi; How can I hide Jquery code from my html so hackers can't see the code? For example this code: <script type="text/javascript"> function view_more(id) { $.post('http://flatmates.com/more_ads/index'+id, { id: id, csrf_GCFEL: 'acc8b6cc5e1cac4d5e246bda2c065214'},function(output){$('#short_list').html(output).show();}); } </script>Thank you
Passing parameters as string in ajax call
I have a javascript method which contains an ajax call: function MyFunction(urlTask, task) { ... ajax({ url: urlTask, data: task.Params, type: 'POST', dataType: 'json' }) ... } urlTask is the name of a method in the controller (asp.net mvc 4), it varies depending on some conditions. As a example, it can be Task1, Task2,...: [HttpPost] public ActionResult Task1(string Param1, string Param2) { } [HttpPost] public ActionResult Task2(string Param1) { } Each controller method has a different number of
Google calendar api
Hello, I am using Google calendar on my website and it is working fine. In this URL I included "max-results=10" which displays a maximum of 10 events on my website. Now I like to add "max 10 days from today" to it so it will not display events after 10 days. $.getJSON('http://www.google.com/calendar/feeds/' + 'mycalendar@gmail.com/' + 'public/full?' + 'orderby=starttime&' + 'sortorder=ascending&' + 'futureevents=true&' + 'max-results=10&' + 'singleevents=true&' + 'alt=json', Is this possible to
forcing screen to update after jquery changes an element.
I have some jquery code that changes an element at intervals. It uses "setTimeout" to run a function every 1.5 seconds that changes the contents of a textarea. In this example, my code tries to fill the textarea with "one", then waits 1.5 seconds, then fills it with "two", then waits 1.5 seconds, the fills it with "three". But when I look at my screen, all I see is "three". I can understand why the screen would not refresh in the middle of a jquery function, but I'm using "setTimeout", so some
Redirection to another page
Environment : MVC with Jquery ajax call Requirement: my requirement is Navigating to another page In Ajax call on some condition (which redirects to another view) Able to navigate to another page with following code .but loader not showing .added loader explicitly still is not showing only while redirecting. -> $().redirect(urls, {param1:param1,param2:param2 },'POST'); please suggest me is there any other way to achieve this.
Jquery & Jquery-UI in Mediawiki
Hi, MediaWiki delivers since version 1.16 also jquery and jquery-ui. I write an extension for mediawiki and want to utilize the built-in version of Jquery and Jquery-UI. My development version is MediaWiki 1.22.0 which comes with Jquery 1.8.3, Jquery-UI 1.8.24. To use a custom theme I have used the theme roller to create it (it is copy of the sunny theme ). However, when I open a dialog box, I'll get for the header a white font (from the sunny theme) on a nearly white background image which comes
UI: Dialog: Form: Add a Button with an ID?
Hi guys and gals, could someone please tell me how to include an ID on a button when adding it to a modal dialog form? The closest I've got is to by using a css selector: $('.ui-dialog-buttonpane button:eq(0)') but this seems to get broken when closing and reopening the dialog. Any help will be very appreciated. I have the following code. $('#dialog').dialog({ bgiframe: true, // ... buttons: { 'Save': saveData, Cancel: function() { $(this).dialog('close');
Question regarding a Tutorial from jQuery Missing Manual
This is with regard to the Quiz tutorial. The script goes like this, <script> var score=0; var questions = [ ['How many moons does Earth have?', 1], ['How many moons does Saturn have?',31], ['How many moons does Venus have?', 0] ]; function askQuestion(question) { var answer = prompt(question[0],''); if (answer == question[1]) { alert('Correct!'); score++; } else { alert('Sorry. The correct answer is ' + question[1]); } } for (var i=0; i<questions.length; i++)
mobile form
hello pls help me experts any example for jquery mobile form with validation and ajax submit. Thanks and regards
Simple question
Salaam all, I like some animations in this website :http://www.aquaceutic.pl/ and I try to do like them,I understand the jquery script for larger part of these animations ,but I don't know how to do the green bar that appears onLoad of the window and which moves from left to right and how they make it sloping like the background of the slide. It displays onload and then it hides since the load completes. I know.. it is a stupid question but I should ask :") ! and as I said I'm a beginner in jQuery
using selectable to set value of variable
I am trying to use selectable to set the value for a variable, but I don't seem to be getting it. I am pretty much just using the code from the API example, and then initializing with appendTo. What am I missing? $(document).ready(function(){ $('#selectable').selectable({appendTo: '#holder'}); So #holder is a text box, and in my mind when I select one of those <li> from the example code, the value should show up in the text box. So far it's all in my mind though. I looked
Change event not fired on slider
Hi, I'm new to jQueryMobile framework, while I was running some tests to better understand all the framework I've step into this piece of code (that I have written), that doesn't work and I can't understand why... basically there are 2 pages, in each page there is a form with a slider that should react to the "change" event writing its value to a textbox. This works in the first page, but not in the second page although the code is the same... <!DOCTYPE html> <html> <head> <title>Page Title</title>
Tabs panel not create
Hi guys, I am trying to create a tabs panel with 2 tabs. The problem is that the tabs are not created. Here is a link to the page: http://develop.emotion-software.nl/admin/pages/edit/ I can't figure out why it's not working. I created a test file (http://develop.emotion-software.nl/tab.html). That page does work. I probably have an error somewhere but I can not find out what I'm doing wrong. Does anyone know what the problem is? Below you can see the relevant HTML: <script type="text/javascript"
Postback does not work, conflict between Jquery Mobile and Google Maps Java Script API 3?
I have a website with Google Maps. I use Google Maps Java Script API 3 and Markerclusterer. As soon I include the Jquery Mobile library, google Maps does not load after a postback. The following error results in IE, funnily the errors occure in the Jquery Library, not in Jquery Mobile Library. The bad effect is, that the Maps of Google Maps do not load, you have to refresh the browser. Es wurde eine Ausnahme ausgelöst: in Zeile 1639, Spalte 4 in http://localhost:63914/js/jquery-1.10.2.js 0x800a139e
% - rem into px
how can I calculate mixed values ? 100% -5rem and get the result in pixels thank you
Pulling Weather from XML
Hello everyone, I am new to jQuery and I could really use some help. I am trying to pull weather data from aviationweather.gov Right now I am just using PHP to pull xml data, but the data is just basic and I need some more. I would like to pull METAR data so I found the following on the site. http://aviationweather.gov/adds/dataserver/metars/MetarExamples.php Looking at the first example on that page. How would I pull the data? I am confused because it doesn't generate an actual xml file does it?
different styling for two ui-menus on the same page
Hi, i have two ui-menus on one page. one ui-contextmenu for navigation and another ui-menu for downloads. i would like to have different styling for both menus. ie different width:12em and width:3em for both menus. .ui-menu { width:12em;} works fine for both the same. any chance to add a class or id to both menus? regards walter
cannot update data of ddslick plugin
hello, can anyone help me as how to update the options of ddslick list dynamically? I create it with html select box then call the ddslick. Later in javascript i need to update its content which worked but still the previous data present. see How to use with HTML <select> and <option>in http://designwithpc.com/Plugins/ddSlick Thanks, Abdu
load a fading div on resizing
I want to load a preloader on resizing the HTML <div id="preloader"></div> the CSS #preloader{ width:100vw; height:100vh; z-index:9999; background:@black; position:absolute; top:0; left:0; text-align:center; opacity:0; display:none; } When resizing and when the html total (viewport) width cross the size 1440px 1024px 768px I would like to set the opacity : 1 and display:block; for the #preloader with a 0.5second fading effect I cannot find a good way to do that function runPreloader()
Tabs content via Ajax -- Overriding css property
I am trying to set a background color on active Tab and its Tab content by overriding css property. JavaScript code is as follows; <script> $(function() { $("nav.ui-tabs-active").css("background-color","LightYellow"); $("nav.ui-tabs-loading").css("background-color","LightYellow"); $( "#tab_menu" ).tabs({ beforeLoad: function( event, ui ) { ui.jqXHR.error(function() { ui.panel.html( "Ajax通信による指定されたHTMLファイルのローディングに失敗しました。");
closing xml file after data acquired
OK, I am back to this issue. I am doing a post and then once it's complete an ajax GET. The problem I am running into is the on the server side they are writing output to an XML file, which I then read. The first step they want to do is delete xml file, which apparently they can't do because Javascript seems to keep the file open. So how do I close the file so they can delete. Here the general code for my routine: $(document).ready(function(){ //post to plan.jsp var qString
Dynamically remove arrow Icon Form listview
Hi, Is there a solution for removing the arrow icon of listview items programmatically? Both $(#listview li).attr("data-icon","false"); $(#listview).listview("refresh"); And removing the respective classes did not work. Any ideas? Thanks in advance! Greets, Lisa
Next Page