Slider issue
Hey guys, Im having a slider issue. I just simply copied (copy) the code of the slider on jquerymobile.com and paste it in a dreamweaver cs6 html file. But when i do a preview on safari / google chrome, the slider is not showing correctly. The slider works, but the slider shouldn't look like this. I tried different things to solve the problem, but i don't get it. I paste the correctly CDN codes in the head tag. "<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"
getting the contents
iam very new to xml parsing in jquery. i want to accomplish the below task which iam not able to. any help would be greatly appreciatedI have the below xml <svg xmlns="http://www.w3.org/2000/svg" class="no_class"><ellipse class="no_class" id="shape:45822758-f1cf-9985-7294-67dc74ef3a51" style="position: absolute; z-index: 5000;" fill="red" stroke="#000000" stroke-width="1px" cx="419px" cy="98px" rx="18px" ry="25px" val_fillcolor="red" val_strokecolor="#000000" itemtype="ellipse" PageNo="1" UserId="2"
jQuery BBQ Implementation
I'm trying o use jQuery BBQ to load content onto my website without reloading, although i cant seem to get it to work at all. I'm not sure what must be changed in order for the code to work with my HTML. How can i implement the following jQuery BBQ code with my navigation bar? <ul id="navigation-links"> <li><a href="#product-showcase">Product Showcase</a></li> <li><a href="#about-us">About Us</a></li> <li><a href="#about-me">About Me</a></li> </ul> <div id="content-loads-here"></div>
$.getJSON Increase Timeout/Default Timeout
Hey all, I'm trying to figure out how to increase the default timeout setting for the .getJSON method call. We are using .getJSON several places in our code and it would be nice to not have to go back through and replace everything with the more generic .ajax method call. I've found examples on the Internet of increasing the timeout using the .ajax call, but I would prefer to stick with the .getJSON call. Does anyone know how to increase the timeout for that call? Also does anyone know the default
Linking to accordion widget from another page
Hi, I'm using the jQueryUI Accordion Widget on a client site. I need to link to the individual divs in the widget from another page. I've added IDs to each h3. A hash link will take me to the location of the h3, but won't activate the div. Any help with specific code options would be great. This is the accordion widget I'm using: http://jqueryui.com/accordion/ Thanks
single quotes in data break the page
I have a php page that populates a form from data pulled from a postgresql database. Jquery is used to populate the form with the pulled data as below. If any piece if data has a single quote in it, like Jim's the the form is displayed but no data is populated in any field. $(document).ready(function(){ <? $i=0; foreach($keys as $key){ if ($i%2==1){ if($key!="reason" && $key!="parent_deceased" && $key!="to_account"
Feature request: remove undelegated events without removing delegated
off() already supports the opposite of this To remove all delegated events from an element without removing non-delegated events, use the special value "**". How about enabling removal of non-delegated events without removing delegated by passing in null or an empty string as the selector? Here is my use case on page load my modal module attaches triggers using a delegated listener (to allow for lazy loading content into the page without having to worry about attaching new listeners) $('body').on('click.modal',
jQuery autocomplete and event concept
The jquery website gave the autocomplete code I needed, which specifically is autocomplete for a comma separated list of words. But when I use the autocomplete code something does not work. I am building a single page application where divs are being swapped in and out. When I reach this function, I confirmed through chrome dev tools that my array of possible words has been generated after consuming a web service I built. I must be missing something conceptually since I don't see anything wrong.
Trying to have something execute on a particular page, only once
Hi folks, I've seen many others post about similar things, where they have events firing for the number of pages that have been visited, and I've gotten around the problem by unbinding my events prior to binding them, like so. $('td[id^="someElement"]').unbind(); $('td[id^="someElement"]').each(function() { blah blah }); But now I'm trying to have my application cache check for updates when a specific page is visited, and it's behaving the same way
Functions not working in Internet Explorer
Hi! So, I have this page with a dropdown containing a list of states (id #province). When a button (id #buyThis) is clicked, the user is either given an error telling them the state is not allowed or, if it is allowed, a modal pops up with a checkbox they must check (id #age_verification) before proceeding. Everything works perfectly except on internet explorer. Nothing happens when the button is clicked, no modal, no errors...I'm wondering if I have a syntax error in my script. Thanks in advance!
viewport font refresh when resizing
I am using vw as units (also for font units) , it works fine for my needs but not when window resizing how can I refresh all vw units when resizing , maybe a jquery class already exists ? thanks
hide and show button based on selection from the drop box
Hi, I have the select drop box with Add and Remove value. The default is all fields are showing up the page along with the submit button. What i need is when i select Remove from the requestType box, all fields are hidden and only Remove button shows on the page My code didn't do what i want. 1. When i first go the page, the Remove button is hidden which is correct. 2. As soon as I select Add from the requestType field, the Remove button appears which is not correct. 3. When I select
Unable to access POST variables on the server-side
I am trying to access a variable value. Here is my code: <script language="javascript" type="text/javascript"> function UpdateRecord(){ $.ajax({ type: "POST", url: "test.php", data: {name:"EG13291001"}, success: function(response) { alert("Success"); } }); } </script> <input type='button' id='button_id' value='Update' onClick='UpdateRecord()'>Here is my php code(test.php): <?php $num = (isset($_POST['name']) ? $_POST['name'] : "unable to access
Updatin list with jquery ajax and jQuery Waypoints infinite scroll
Hello, I have few problems. I try to use http://imakewebthings.com/jquery-waypoints/shortcuts/infinite-scroll/, to load more in my list when i arrive on the end of the list. I do not found better way for that. I have a lot of data. So It works. BUT. When I load from another php. more <li> rows, and they have right classes attributes, but somehow I do not have the usual list look like in normal way wit JQM. I can not figure out why it do not formating it. Another stuff is, that I can not find a logic
Accordion IE11 help
I have inherited website from a previous employee and I am still learning web development. IE 11 came out and broke my accordion on the site. I have tried for days to find the solution but I am having trouble following all the code and understanding which scripts are actually doing the work and maybe failing. the site is jprofleetproducts.com the menu on the left side is what is broke and works in firefiox and chrome not IE 11 but does work in IE10 and below.
Get the value listview
hi! how to get the value listview?
why this code not working?!
Hi, I am using the following to set the text and readonly attribute of textbox when checkbox is clicked but it's not working properly. First when I load the page it works fine.. then I set click the checkbox so it will be readonly and text will change.. then when changing it back to editable it also works but the problem occurs when I change the company name then again click the checkbox to set it to readonly... nothing will work that time.. $("#chkHideCompanyName").click(function () { if ($(this).is(":checked"))
Make a button off with jQuery
Hi,I have a project that I have made a web application that shows some buttons which interact with the client and accordingly to the values of the buttons, it makes changes on the server such as: if you turn on a button on the site, on the server you can see a led on...and so on.What I want to do now is upon a value (that is displayed as well on the site) put the button off and keep it there for secure reasons lets say...the code for the buttons is above "<script>" "$(document).ready(function(){
jquery popup
Hi I'm trying to create a popup where it shows up when the page has loaded. Do you know of a good tutorial that can show me how to do this.
undefined' is not a function (evaluating '$('#pf-article')')
I am trying to hide an element if another one exists $(document).ready(function(){ var pf = $('#pf-box').length; if (pf != 0) { $('#toTop').hide; } }); I get the error : undefined' is not a function (evaluating '$('#pf-article')') and of course there is an element id="pf-box" in my page thanks for helping
Dialog in a gridlist or any list
Hey guys, I am trying to make a web-app that will display a video via a list view. I was going through the demos on jquerymobile.com and came across something that exactly fits what I want. (jquerymobile.com/demos/1.3.0-beta.1/docs/demos/popups/dynamic-popup.html) The problem or problems are that I am code illiterate and depend on examples and utilize them to use for my purpose. I couldn't find the full code to create dynamic popup's. If someone could provide me with some information on how I could
HOw to use localStorage to create an array used to hide certain table rows
I am trying to use localStorage values created on one page to hide table rows on another page based on similar text strings. It is a sharepoint page so the html is very verbose and hard to find the correnct elements. I've set up a fiddle here to the best of my ability http://jsfiddle.net/vhabhsrosed/62Kv5/1/ I have the local storage piece working from the first page but am having trouble using it as an array to indexOf values on the second page to determine which table rows should be hidden. Lots
Datepicker not excluding weekends as it should be
Hello, I'm using the jQuery ui datepicker and it's supposed to be excluding weekends but doesn't seem to be doing that. Please help. Thanks! Susan //datepicker var natDays = [ [1, 1, 'New Year'], //2014 [1, 20, 'Martin Luther King'], //2014 [2, 17, 'Washingtons Birthday'], //2014 [5, 26, 'Memorial Day'], //2014 [7, 4, 'Independence Day'], //2014 [9, 1, 'Labour Day'], //2014 [10, 14, 'Columbus Day'], //2013 [11, 11, 'Veterans Day'], //2013 [11, 28, 'Thanksgiving
Assigning before $(document).ready
Hi, I saw this code: var $element = $('#element'); $(document).ready(function() { console.log($element); }); If I understand this correctly above statement will work in most cases, but it's not 100% sure since DOM might not be loaded yet. This would be the better way, right? var $element; $(document).ready(function() { $element = $('#element'); console.log($element); }); I just want confirmation that the first example might not always work. Thanks in advance!
Implementing History.js
I'm so unbelievably angry right now for two reasons. One is that i can't figure this out, and the other is that the developer of history.js provided fairly shitty documentation for jQuery beginners. I also can't find a decent tutorial on how to implement history.js. I have one question before begging for help on this forum. Does history.js come along with the AJAX content loader script or not? I have my own AJAX but don't know wether to keep it or remove it when implementing history.js. Now on with
Add type=file
I'm rookie in jquery and and learning fast but this time I'm having trouble to figure out myself how that works. I have three columns and each column have images that retrieve from mysql which is works great. My next step problem I have, is that if any of tables image columns is empty in database or no file name in database, how can I show "type file" (upload) in table area using jquery if is empty in database ? please help thanks. Alidad
jQuery UI modal form not working properly
I am having a problem using the modal form. When the dialog opens the first time, the validation and form do not validate/submit. If I cancel the dialog and then open it a second time it validates/submits. Any help or suggestions would be greatly appreciated. Here is the html: table row that is clickable: <tr onclick="selectRowEffect_shipping(this, 2), shippingDate(), getHALzip()" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" class="moduleRow" id="HALrow"> divs: <style> .ui-dialog
Switching from History API to hash navigation
I want to use History API to navigate between AJAX loaded content using url. The problem is that History API is not compatible with many browsers. So when my website is loaded on a browser that is not compatible with History API, i want it to switch to hash. Is this possible or not?
datepicker date text
Hi, I have the following code for the datepicker: function setDeliveryDate(date) { $('#delivery-date').text($.datepicker.formatDate('DD, MM d, yy', date)); $('#datepicker3').text($.datepicker.formatDate('DD, MM d, yy', AddBusinessDays(date, -1))); $('#datepicker2').text($.datepicker.formatDate('DD, MM d, yy', AddBusinessDays(date, -2))); } setDeliveryDate(AddBusinessDays(dateMin, 4)); $.datepicker.setDefaults({ beforeShowDay: noWeekendsOrHolidays, showOn: 'both',
simultaneous fadeOut() and slideUp()
I am trying to develop a function to simultaneously fade elements out and slide them up. The following attempt doesn't work. It applies the animations sequentially. How can I fix it? Bill /****************************************************************************** .slideFadeOut() ******************************************************************************/ (function($) { $.fn.slideFadeOut = function() { this. queue('fx2', function() { $(this).slideUp({duration: 2000});
Add submenuopen, submenuclose callbacks to UI Menu
Because of 300 ms delay there's no good way of determining when submenu is being open. Adding submenuopen (opensubmenu, simply open?) callback at the end of anonymous function in _startOpening() would do the job. Probably like this: this._trigger( "submenuopen", event, { item: submenu } ); And for consistency, in _close(): var that = this, cachedMenus = startMenu .find( ".ui-menu[aria-expanded=true]" ); startMenu (...) .removeClass( "ui-state-active" ); cachedMenus.each ( function () { that._trigger(
Losing control on fancybox after postback on MVC partialview
I am loading partialview from fancybox. partialview has Form=Post, once I submit form and I need to show results on same fancybox <div>. But return result loading full view and I am loosing control on fancybox after submit. view load fancybox index.cshtml @using System.Web.UI.WebControls @model SPE.ContactSubmissionForm.Models.Contact <div id="result"></div> @using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data", @class = "form-horizontal", role = "form" })) {
How to properly hook up my Dropit dropdown menu.
Hi Everyone, I am very new to jquery and I have a few questions. I am using Dropit http://dev7studios.com/dropit/ to create a drop down menu that will allow my users to click on an option and go straight to the page they need to go to. My question is how do I incorporate the onclick and where do I put it in the code to make that work? Also, do I just add the dropit style.css to my current website css file? Thank you so much!
Printing of jqmData into HTML
Hello, I saw here http://api.jquerymobile.com/jQuery.mobile.loadPage/ that it is possible in jQueryMobile to directly print data into the HTML-Code without using the <script>-tag. Here is my code: // HTML stuff and including of jQuery mobile & co. <title>$.jqmData("projectName")</title> </head><body> //... <h1>$.jqmData("projectName")</h1> // rest of codeFor the title it works and inserts my project name which defined earlier. In the body part (<h1>-tags) it does not work and shows me the unparsed
Complex jQuery image slider stop / start timed question
I need to get hold of a jQuery image scroller that scrolls through a large amount of images continuously but stops when one image gets into the middle of the scroller and then displays the thumbnail, but in a large version in a box directly above the box that the thumbnail stops in. So... How it will work... 1. Images are scrolling continuously. 2. 1 of the images get into the center box and displays a large image of the thumbnail in a box above. 3. After 3 seconds, the next image scrolls into the
Trying to read xml file
In PHP I am querying my database and creating a XML document. that has the following layout. <markers> <mark traffic="" latitude ="" longitude =""></mark> <mark traffic="" latitude ="" longitude =""></mark> </markers> I have created the following code trying to read these attributes to display into google maps here is my Jquery $.get('/PHP/SQL_Maindata.PHP', function(d){ $(d).find('marker').each(function() { //gets Google LatLng var
How to append a form value to iframes src
I am trying to add a form value to an iframe src on another page. Here is the code I am working with on the homepage: <form action='local-agent-map.html' action="mapFrame"> <div class="form-group"> <label class="sr-only">Zip/Postal Code</label> <input type='hidden' name='uid' value='7214791'/> <input class="form-control" type='text' name='search' value='' placeholder="Enter Zip/Postal Code"/> </div> <input class="btn btn-default"
Ajax jQuery empty request
In my simple login page to send the login information to the servlet, and in response receives one parameter which is interpreted in jQuery. Data is sent correctly, go to the servlet which also sets the parameter correctly what I see in firebug in response header. The problem is when I want to download den parameter to a javascript variable. The request object is empty, while in chrome incpect see alert: Uncaught TypeError: Object has no method 'getResponseHeader'. When I display it using console.log
jQuery plugin not processing disabled property on option tags
My .net website is using a jQuery plugin; I have the following code on a simple .aspx page: <select id="Select2" name="categoryFilter"> <option class="inactiveLabel" value="A" disabled="disabled">A</option> <option value="x">x</option> <option class="inactiveLabel" value="B" disabled="disabled">B</option> <option value="y">y</option> <option class="inactiveLabel" value="C" disabled="disabled">C</option> <option value="z">z</option> <option class="inactiveLabel" value="D" disabled="disabled">D</option>
$.ajax - Accept..
Hi, Can someone explain how "Accept" works in a $.ajax call..?? If I set the Accept : "xml" and the webservice return Text.. what happens?? Is the error, complete or success function called?? Documentation seems a bit short on that point.. Thx in advance Soren
Next Page