Discover Popup opener
In Popup.popupbeforeposition(event, ui), how can I tell which A tag was clicked to open the popup? OR there might be a better way of doing what I'm trying to do-- which is the A tag has information in its Data collection. The popup's content will change slightly based on that data. Should I pass the data to the popup in a different way? Perhaps the A's href should be "#popup?data=XXX", instead of $(opener).data("XXX")?
Someone help with this please, .modal dialog in a page loaded through .load
This is my main page: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="newpage.aspx.cs" Inherits="newpage" %> <!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"> <head runat="server"> <title></title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"
Sortable
When initializing Sortable, I submitted only 'cancel' options and then bound the update event. $( "#sortable-group" ).sortable({ cancel: ':input,button,.contenteditable', }); $( "#sortable-group" ).bind( "sortupdate", function(event, ui) {...}); At one stage in my js code I needed to trigger the update process manually, using $( #sortable-group" ).trigger( "sortupdate"; ); During this trigger, the 'ui' object is not passed to the function. The 'event' object is there, but the 'ui'
Scroll to same place on page
www.madebymatt.com is my site. this is the main code for the tabs at the top. using google bootstrap tabs, I have all the various pages on my site as tabs within one actual page. I wanted to keep track of where the user was last on each tab. it is working, but isn't working. it keeps track of where the user was on the tab, but when it goes to scroll to that location, it doesn't scroll all the way if the page before it was shorter in length. so if you're transitioning from a long page to a shorter
jquery validation plugin will not work if I change input type=submit to type=button
I use the jquery validation plugin that I found here My problem is, in the form, if I change the submit button from <input type="submit" value="Add" class="add" id="addbutton"> to <input type="button" value="Add" class="add" id="addbutton"> the form will not validate or work. I'd like to use button instead of submit, because if a user has javascript turned off, the form will not submit at all. It'll simply sit there doing nothing. Any idea how to solve this and make it work when type="button"
How to Display Directory Structure as Tree View
Hi All, I Need to Display Directory Structure as Tree view using Jquery Are there any JQuery Plugins which are Open source and easy to integrate with existing ASP.Net MVC Web application ? Output should display as follows Mycomputer C Drive D Drive E Drive On Clicking Any of the Drive Letters it should display the contents in it. If it Provides Upload Option then it is very helpful. Thanks, Charan.
upload file in jquery and php
Hi I hava one dialog box with input file in it . if(act=='exchangePic') { $("#dialog").attr('title','Change picture ').dialog({buttons:{'ok':{class:'btn',text:'Ok',click:function(){ $('#imgHolder_'+picture_id).css({'background-color':''}); $(this).dialog('close'); }}}, show:'fade',hide:'explode',width:'380px',modal:true,closeText:' X '}).html("<form><input type='file' id='newUpload' name='newUpload' class='upfile'/></form>"); }//end of act=='exchangePic' I want when click Ok button in dialog box
Code not working as expected plz help
I am following a book on jquery mobile, the code does not work as expected, for instance I have following code, the book is perhaps following some iPhone emulator that displays the Logout and Settings properly inside the title bar, but when I try this in my browser on my PC, it shows the Logout on top, then the page title, then the setting link, I have tried to preview on my mobile device as well, same issue. Please help me. I have also attached the image where my files are located, this file is:
How to attach text to the Jquery UI Slider button...
Hello, I have what may be a really simple or really complicated request: how can I attach an element to the bottom of the slider button such that the value of the slider sits right below where you would click and drag to adjust the slider value? Thank you for your time. Regards, ckoeber
Datepicker change format
Hi, I am using datepicker and its working great the only issue I have is that the date format is displaying as 'mm/dd/yyyy' and I would like it to display as 'dd/mm/yyyy'. Please can someone point me in the right direction of where to change this and whether or not I need to add/change the code in my page? Thanks, J
changing div content does not work in internet exlporer help.
i am having a problem with internet explore with conent not changing in a div. it works in firefox, safarie, and chrome. i am using ie9. what i am trying to do is. i have a side bar with links to videos, i then have a main viewing area for the video. a person clicks one of the links and the video changes. here is a link to show what i am doing www.michaelkazlauskas.com/arcticninja here is the code i am using: <script type="text/javascript"> function swapContent(cv) { var url = "random.php";
How to add arrows to s3Slider jQuery silder???
I'm using the s3Slider on this website. > http://www.janneyindustrialpainting.com/ and the client would now like next and previous buttons added to this. I've googled the question over and over and can not find a clear direction as I am a novice with jQuery. Any help is greatly appreciated.
Grainy images in JQM header...Why?
Can anyone tell me if jquery automatically scales my header image and makes it grainy? All images are very crisp except this logo image that appear in the header using the class="ui-btn-right". Should it be sized to a specific height to avoid re-sizing and grainy appearance? Any suggestions would be appreciated. <div id="header" data-role="header"> <h1>Cummins West</h1> <img class="ui-btn-right" src="/mobile/images/m-cwi-logo.png" alt="Cummins West Inc." /> </div> Here
jQueryUI dialog cropping content?
Here is a fiddle which demonstrates the problem. First I display a jQueryUI dialog with a fixed size. Then I enlarge it via an animation to a new fixed size. Then I add new content to the dialog. The new content is being cropped by the height of the original dialog window. Alas, my research on how to fix this is coming up blank. $(function() { var dg = $("#dialog"); dg.dialog( { height: 200, width: 80, modal: true, draggable: false,
Checkbox - unchecking if other box is checked
I used checkboxes recently to allow a box to be selected if yes or if no. The problem is that the boxes can both be checked at the same time. I'd like them to toggle the other if checked. So if "Yes" is checked, then "No" would uncheck. Below is my code. The buttons work great. The checking to see if a value is true, then setting it to false works...but the checkbox button still reads as though selected. Any help you have would be appreciated. $(function() { $( "#checkWelcomeFormat" ).buttonset();
How to use load API ?
Hello, I'm using a site in that a link has a big amount of query mysql. In this case, I thought in to use a .load API. For instance, if the user to click in a link, that link going redirect for a page that will call the query mysql. So, that's will delay very for that. I would like tell the user that the page this load with JQuery. Thanks you!
using jqery combo plugin with dropdown created with ajax
I am using jquery combo plugin which lets me type in dropdown box to filter the list. to enable the plugin I need $(document).ready(function(){ $("select.jquery-combo").sCombo(); });initially when my page loads there is no combo box, onclick of a link I add the combo box to the page using ajax the above function works when the combo is present in the page it does not work if I add the combo box with partial update to page , please advice how I can make this work when added through
Passing JavaScript variable to PHP
In my program, radio button pressed will open its corresponding dropdown list (for example: the button ‘Asia’ will open China, Japan and India). The variable ‘x’ below detects the selected radio button and I need to pass its value inside my JavaScript to a PHP (to open the corresponding list): <script> var x = 123; <?php $what_is_myVar = x ; ?> </script> The following code is successfully passing the variable ‘x’ to PHP, but this is done outside JavaScript: <head> <script type="text/javascript">
Finding table rows not containing a specified object
Hi. I have some code that iterates through <tr> elements containing text input controls in the <td> elements therein. Iterating through the elements, if there are no text inputs that are enabled, then we're hiding that <tr>. Here's what the code roughly looks like, and it works fine: $("tr").has('input:disabled,select:disabled,textarea:disabled').each(function(i) { $(this).find('input[type=text],textarea,select').each(function(j, ele) { if (ele.disabled != true) {
How to put a simple hr tag inside accordion?
Hello! I have created a styled hr tag and want to use it inside ui accordion after every item like this code: <div id="accordion"> <h3><a href="#">item#1</a></h3> <div><p></p></div> <hr /> <h3><a href="#">item#2</a></h3> <div><p></p></div> <hr /> <h3><a href="#">item#3</a></h3> <div><p></p></div> <hr /> <h3><a href="#">item#4</a></h3> <div><p></p></div> <hr /> </div><!-- End accordion --> But when I put these hr tags, accordion doesn't work. I really in need of
Microsoft JScript runtime error: '$' is undefined
I created a branch in TFS for my web site project which is part of a solution with two web sites and a library of VB.NET functions. If I set the branched web site as my start up project I get this error: Microsoft JScript runtime error: '$' is undefined And nothing runs. If I use the original web site then I can everything fine. Obviously something is missing but I can't find any files that are missing in my branch. Can anyone help?
mark menu(li)
I want to mark selected menu(li)? How can I do that? kode: menu <ul id="tabs"> <li><a href="#" rel="div1"><span>Personal information</span></a></li> <li><a href="#" rel="div5"><span>About</span></a></li> <li><a href="#" rel="div6"><span>Contact me</span></a></li> </ul>jquery $("#tabs a").click(function (e) { e.preventDefault(); $("#panel_wrapper>div").hide(500); var idx = $(this).closest('li').index(); $("#panel_wrapper>div:eq("+idx+")").toggle(1000); $(this).toggleClass('active');
Jquery Update Issue
Hello I have a few tables in my database that I use for dropdown boxes in the application. I have a created a page where the admin can selectd a list of these tables from a list When the user selects a table, the id and item fields from the respective table are displayed in row format with an "update" button to the right of each row. I have added in the appropriate jquery files (see attached) and when I click the update button the success message box appears, but doesn't actually update the selected
listview selected item does not stay active
Hi, I am having problem with this page: http://codeturtle.com/files/list.html When I click on any item, the selected item background turns to blue then turn back to normal, I am under the impression that selected item will remain blue background until other items are selected. If that is not the default behavior of JQM, how do I make it? Thanks
Div has disappear
below is the coding of my div's...... but the Div_2 is not visible... where has this gone???? .css coding ___________________________________________________________ div.container { background-image: url('../Images/hemkund-sahib-yatra-itinerary-and-places-to-stay.jpg'); width: 985px; height: 150px; margin: 0px auto 0px auto; overflow: hidden; z-index: 1; } div.Div_1 { margin: 60px auto auto 700px; color: #FFFFFF; line-height: 150%; text-align: left; z-index:
listview with 3 controls per line
I've struggled with this for many hours. I cannot find a way to show these form elements as such: [Label1] [Input textbox1] [button1] [Label2] [Input textbox2] [button2] [Label3] [Input textbox3] [button3] The problem is that the button always wraps to next line even when there is plenty of horizontal space. Here is the code sample. Thanks in advance. @Using Html.BeginForm() @Html.ValidationSummary() @<ul data-role="listview" data-inset="true"> <li data-role="list-divider">Timecard</li>
3d cube rotation jquery mobile
http://www.melonhtml5.com/#gallery.js i am planning to implement this site for my current project for both desktop and mobile versions is it possible to implement the same 3d animation using jquery mobile for iphone and ipad device using jquery mobile
Jquey 1.8.3 Changes in function Load
In Jquery 1.7 the default type of ajax-queries, in the function load, was GET. In jquery 1.8 the default type has been changed to POST. When using $.load(..) from IIS / development server in VS 2010 the call returns error message: 405 Method is not allowed. What is the easiest way to solve this problem?
I need a Promise?
I am looping over an array and calling different urls based on the array value. I extract certain results and later need to sort them before I present them on the page. I think I need a Promise. How do I implement it in this case? $.each(...{//looping over array $.get(...{//calling different urls based on array value $.each(...{ extracted_data = ...//extract certain results }) }) }) //This needs to happen after ALL the $.get calls are completed extracted_data.sort() present()
Complete jQuery Mobile/ PHP / MySQL app with CSS/JS for IE compatibility, Feel free to copy css/js code
Green Smoothies Here is a full php/mysql jquery mobile app recipe book for Green Smoothies recipes. I also wrote custom CSS for IE compatibility if you want the CSS to make it work in any IE browser so feel free to look at the sourcecode and copy the css (Green Smoothies Styles for IE). If you would like to see the php code I would be happy to post it. The Green Smoothies recipe book acts just like the iphone app and has almost everything from the jqm framework. If you have any questions feel
Validate and validity submitting form even after failing validation
I manage a website that uses a javascript call to an outside CRM to create a contact form (this part I can't change to local) but this contact form won't require the phone number. Since I have no control over the form data, I'm trying to use validate or validity to require the phone number field. Well I've gotten it to throw an error when the phone number isn't there, but its still submitting the form. How can I get the plug in to prevent submitting the form if the validation errors out??
Drag Events on mobile devices
Hello, I am investigating different technologies so I am completely new to JQuery Mobile. My understanding is that this API should allow a web page to behave exactly the same on a tablet as it does on a desktop. I see on the main page of jquerymobile.com there is an example from Codiqa that allows a user to drag elements onto the "tablet" canvas. This works great on a desktop, but when I try dragging the elements on a tablet, it doesn't drag them it just moves the page up and down. Am I misunderstanding
Need a menu based on an image map
I've looked all over for this and can't find anything that does what I need. I'm designing a web page with a central image made up of several parts. What I'd like is to be able to click on a spot on that image and have a dropdown menu appear associated with that spot. For example, imagine a map of the world. You can click on any country and a dropdown menu will appear with items like "About India, Economy, History... etc." Does something like this exist? I don't program in Jquery, so I'd have
Validation error placement
I have a page with divs and li's see below. When i click submit the error message goes right through the radio buttons and underneath the text boxes. How can I place each error message at a fixed (aligned) location on the same line as the object? Also could you show me how I could highlight the WHOLE line in (say red) if its not been filled in or invalid. Many thanks,Darryl CODE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
How to trigger jquery after postback in ASP.NET
Hi, I made a form in ASP.NET & created login div inside it (initially login div is hidden). Once I click on "Sign In" button, I manage to toggle the sign in div visibility. Now my question is when it is successful login, I am redirecting the user to a new page & this is running fine. But when login is failed, I want to keep sign in box open (however it is not straight forward as it executes server side code & page reloads, hence the box is hidden). Can you please suggest me best approach considering
Find next div with a certain class and scroll to.
Hi all, im trying to detect the next div with the class .content then scroll to it. Im now strugeling with $(".pagnering_number").click(function() { var next; next = $(this).nextAll('.post').first() $('html,body').scrollTop(next); }); The set up looks like this <div class="container> <div class="content"> <div class="pagnering_number"></div> </div> <div class="content"> <div class="pagnering_number"></div> </div> <div class="content">
Windows Phone 7, Back Button Behavior
I have my mobile site up and running with various people testing. I don't really "care" about Windows users, but was surprised when I got a 2 thumbs up from one of them. However, it was short lived as about 30 minutes later I got an e-mail stating that when he presses the back button (not the browser back button, but a jQM one) it doesn't go back a page it goes back to the previous website. I saw this patch and was wondering if this is the reason it doesn't work? I don't have a problem telling
Proposed Addition to Collapsible Set
Basically my problem was trying to have a dynamic collapsible set that BEFORE expansion would see if content was loaded, and if not would inject it using AJAX. The only thing I have been able to confirm working is the bind event of expand and collapse. What I would like to see added is a "beforeexpand" or "click". The problem as it is now the expand fires showing a blank space before filling with content. In a perfect world after a user clicks we could do whatever check we wanted and then the
how to stop cycle slideshow
having probs with the stop in $('#slideshow').cycle('stop'); my slideshow will not start if I use that code. what I am looking for is my whole slideshow to run one time only and finish on the last slide. here is the code i have so far. <script type="text/javascript"> $(document).ready (function() {$('.s1').cycle({fx:'fade',speed: 2500});}); </script> can anyone help please
JQUERY & $_SESSION
Hi I'm stuck with the following problem, I am using the $.ajax to make a post request using the url: page.php. The page.php contains a function that sets the $_SESSION['res'] valiable. The problem is that the function in the page.php is executed and sets the $_SESSION['res'] successfully, but when the ajax request completes the $_SESSION['res'] does not exists. I have examine the session id before, during and after the ajax request and is the same. What is the problem? Is there any solution or a
Next Page