Substitution with draggabe object
Hi, I have to implement the substitution of objects and I have no much experience with jQuery. Please see the embedded image. At the bottom there is a bank of choices, inside the text there are placeholders for choices. It's easy just to drag an object from the bank to the placeholder. But it's required that all objects remains draggable. When a user drags an object onto a booked placeholder, its content should return to the bank. I didn't find a working example to make this task. Any help will be
Swapping out Video content on Click in a loop
hi guys, new to jqm and the forum. i have a simple app idea i'm trying to make work with jqm, i have a button which when tapped changes the content of a div with a video. they keep tapping to cycle through the videos. any ideas how to make this happen? is it even possibile with jqm? thanks in advance!! nat
working with images...
Hi friends, excuse-me my english, i'm portuguese. I need make a restrict area, and there have somes images. I need a tool that i can measure a piece theses images, and i can see the result in pixels, cm and mm. For Example: There is a image with 1000x1000 pixels. The user open this image in his pc and select a tool. WIth this tool, the user select a piece of image and can see the size of th piece selected. One Suggestion? Thanks... Jardel
Going Back More Than One Page.
Hi, is it possible to have a back button that will navigate back two pages instead of the usual one page. I only need this on one location. <a href="#" id="confirm_rep">Confirm Replacement</a>Thanks in advance, Lammie.
Click of two url on a single click
I have two url like this.. http://abc.com?userid=abc&password=def&code=xyz http://abc.manip.com?country=India®ion=MP&city=India&factor=Fuel Normally when i click second URL it takes me to default login page of the manip app(for example purpose) when i click first link it takes me to a normal hope page and after that if i click onto second link it takes me to a desired page. I want to open only the desired page with single click. I tried passing userid,password and code through post method through
ReferenceError: desktop is not defined
Hi everyone, I've just started to implement jQuery into a website I'm working on, but I'm getting an error showing up in the Firebug console. "ReferenceError: desktop is not defined $(desktop).ready(function(){" I've been searching Google for ages, trying to find a solution. However it seems that no one has had this problem. There have been lots of "ReferenceError: $ is not defined" but nothing to do with "desktop". The site I'm working on is on localhost and consists of php pages with the header,
Tab title come out as hyperlink
Hi I have a problem with my tabs, I implemented as the example on http://jqueryui.com/tabs/#default says, but on my web tabs are hyperlinks. I cant find what I miss .....please help me out to solve it. thank you
Jquery Dialog- Included JSP files loosing its .js file
HI, I am implementing jquery dialog into my application but the problem was when i am loosing the inluded .js file from the jsp which i am opening in the diialog box. "<script type="text/javascript" src="../ext3/<Some script>.js"></script>:" Can you please suggest why is that happening and what should be the possible solution for that?
JQuery Menu
I'm new to using JQuery so please forgive me if the answer is simple. I have created a menu. Currently the menu has one column horizontal and shows the entire block. How do I add columns to the menu and display only the first line for each column. Code <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet"
Tab disabling on backward navigation.
Hi, I am using tab widget in my prototype application and I have a requirement that I hope not a unique one. I am looking for some suggestions or location where I can find demos. Here is the use case. 1. Page with 4 tabs and only first tab is active and all other tabs should be inactive. All tabs will have individual submit buttons to submit to server. 2. User must submit from tab1 to go to tab2. (After submitting to the Struts action, I can forward it to same page, but not able to
add custom icons fullcalendar
well actually i using fullcalendar plug to my project, this plug can create events, the events are load from a database with $.ajax() request and get data in json format, my question is how i can add custom icon to events, like X for unfiniished events or OK to events completed, sorry for my bad inglish but im learning :)
two different autocomplete on the same page
hi everyone i'm new in this. i wanted to use two autocomplete textbox on my page the first one firesup but the second one doesn't work! this is my code, what i'm doing wrong? <script> $(function() { var availableTags = [ <%=ac_data%>]; $( "#auditor" ).autocomplete({ source: availableTags }); }); </script> <script> $(function() { var availablePres = [ <%=ac_prestador%>]; $(
How do I get the first cell of a selected row in the checkbox?
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("tr").each(function(){ $("input[type=checkbox]:checked").parents("tr td:first-child").css('background-color','red'); }); }); $("th").css("background-color","#cccccc"); }); </script> </head> <body> <h1>Welcome to My Web Page</h1> <table border="1"> <tr> <th>Company</th> <th>Country</th>
ShortCut Handler in asp.net textbox using jquery
hi, I have an asp.net text box with text mode is multiline and listbox. In that listbox shortcut with expansion of shortcut.. for e.g app-Apple,ba-Ball upto Z... when i enter the character in textbox that time select the listbox options based on the textbox letters and press the shift and ` symbol get the full expansion in listbox. The textbox is the multi line so whenever type the words and it should select the options in the listbox and press shift and ` symbol get the full expansion.
numbering slideshow
I have previous|next on my slideshow at this point. I'm interested in adding a numbering feature in the form of 1/5 using the cycle plugin image count demo example. In the boxes I have made in dreamweaver, do I design representative numbers or leave the boxes blank? Do I make the / in a separate box? I have made a few attempts at making this work, but I am leaving something out it seems. This is what I have at this time. Thanks in advance Tim Young <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
USE AUTOCOMPLETE FUNCTION IN SEARCH FORM
I would like to use the autocomplete widget as described in http://jqueryui.com/autocomplete/ It would be on a form that I have a search page. I am trying to use it with a search box that pulls back items from a text field. Has anyone seen a good example of where to place the code? Thanks in advance.
Using JQuery to simulate Button Click
I have some jQuery that is being run when the use clicks return. Basically I have an input box and a button. After the user adds some search criteria in the input box they can click return and start the search $("#searchvalue").keyup(function(event){ if(event.keyCode == 13){ if( !$('#searchvalue').val() ) { alert("Please Enter a Search Value"); } else{ window.location.href = "/search.php?ItemValue=" + $("#searchvalue").val(); } } }); <span id="SpanDepartment"><input id="searchvalue" type="text"
how can we create a component that review questions of exam?
Hey, plz guide me to create a component that review questions of exam with 3 types 1) Attempted 2) Skipped 3) Not attempted.
Hey i was just wondering that after hiding a div using the hide() property of jquery is it possible to make that dive fadeTo ?
Like i said i am just wondering if it is necessary to show a div using show() if it has beed hidden using hide() or can one also use fadeTo to achieve that.. also if someone could explain fadeTo that would be brilliant.. Thanks
How do I insert a text into textarea at cursor pos at leave here the cursor ?
I've a button. I need to provide this to my users: - User clicks it, I - my code add some text at cursor position into a textarea - then the cursor must be STILL HERE, before or after inserted text. How !? I googled and seen createTextRange, but FF and Opera have some difficult Is there a jQuery-way ?
Loading spinner closes too soon
Hi Im trying to get the loading message to work with fetching data over JSONP, but i cant attach to the regular AJAX event, as that apparantly dosen't fire, when using JSONP. My problem is, if i Trigger the $.mobile.loading( "show") manually, it seems to end right when i hit the next function. Any ideas are very welcome. I'am doing the following in my code: $('#mybookings').live('pageshow',function(event){ showSpinner(); mybookings(); hideSpinner(); }); function showSpinner() { $.mobile.loading(
Having trouble with a UL
Hello, I have a problem, I want my ul to display 5 results (hints), I managed to show all the hints that come from the database but I ain't sure how to limit it. The li's must display inside this ul: <ul id="hint"> </ul> Here's my Jquery (just the part that retrieves info from the DB and what it displays): if(input!='') { $.ajax({ url: "http://mysearch.mydomain.title?s=jsonp", dataType: "jsonp", data: { q: input }, success: function( data ) { var i = 0; $.map( data, function( value ) { $(".hint").append("<li><a
Dynamic containment of Resizable and Draggable
I am using the Resizable Widget to implement a resizable element which is contained by its parent. Now I want to have the parent be dynamic which means that its dimensions might change during the resizing process. The problem is that JQuery UI does not update the containment data before the end of the resizing process. Therefore I am wondering if it is possible to manipulate the containment data that the Resizable Widget is using during the resizing. This post originates from a stackoverflow question.
TypeError: a is null in MicrosoftAjax.js
Hi All, I am working with asp.net and when i run the sample it shows an error like "a is null" in MicrosoftAjax.js. I simply use a color picker in a grid item template. My code is as follows my scriptmanager have ScriptMode as Release. if i am not using release it returns Sys.ArgumentsNull error.. so i use release in script manager... <asp:ScriptManager ID="ScriptManager2" runat="server" ScriptMode="Release"> </asp:ScriptManager> CodeBehind: protected void GridGroupingControl1_QueryCellStyleInfo(object
Show popup only when page itself receives a POST form submission on the server side?
This isn't strictly a jQueryMobile client side only app, but so far the problem appears to be on the jQueryMobile side. I debugged with developer tools (element explorer and network monitor) and it looks like the DOM gets updated correctly upon page POSTing back to itself and I see the correct intended HTTP response HTML sent back by the server. But page doesn't render with popup showing as desired upon form submission to itself. Form post back to itself done with PHP on the server side, manipulating
Multiple specific Divs by drag and drop
I immediately mention marries well not write well in English. Dear, I need to write a script similar to that located at this link: http://tiny.cc/eraa0w So I'm at the bottom of the loaded products you want to drag the individual are at the top of the screen. At the top, on demand as pictured on the size of the frame will be from 1 to 5 's and the background right frame. When you are finished adding products to your frame and you click on a key or mouse button to jump to the basket and completion
Non-tab items in tab bars?
I was looking at putting something other than a tab in a JQueryUI tab bar - a button or an icon control, for instance. If I add things after the <li> elements representing the tab, they follow immediately after the last tab, on the tab bar's background, on the same row. But if I put them within or before tabs, the tab bar starts a new row for the first tab <li> after the non-tab elements. For instance: <div id="tabs-div"> <ul> <button id="myButton1">Button 1</button> <img src="someimage.jpg> <li
Is there a jquery slider that can be populated from a database?
Folks,Is there a jquery slider where the contents (the images and maybe text) of the slider are inside the HTML instead of inside the javascript? If so, I could populate the web page html with image links and text from a database, and thus make my jquery scroller depend on a database. That would be very convenient. Does anyone know if the jquery sliders use content from html? Thanks,
How to by-pass a function that depends on datepicker if a user does not choose a date
I have set up a function that determines a date depending on what date the user chooses in the datepicker. Currently if the user does not choose a date it still runs this function as if the default date is today, what can i do so that it does not run this function if no value is chosen in the datepicker?
Panel Push Android
I'm using the latest JQM, 1.3.1 with the latest Cordova/Phonegap, jQuery 1.9.1. The new panel widget works great on IOS, but it doesn't push the content on Android, just overlays the header over the panel content. The fixed header content isn't pushed left like it's supposed to. Anybody else seeing this? I've tried all of the suggestions. Seeing this in the emulator and my Samsung Galaxy II.
Cannot get two functions to load together
<link rel="stylesheet" href="http://labs.voronianski.com/media/style/reset.css"> <link rel="stylesheet" href="http://x.com/modal/example/css/style.css"> <link rel="stylesheet" href="http://x.com/modal/style/avgrund.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="http://x.com/modal/jquery.avgrund.js"></script> <script> $(function() { $('#show').avgrund({ height: 300, width: 400,
Mapping X-Y Coordinates from rails iteration
I've created a photo tagging system using jQuery, however once I refresh the page the tags do not show up. I created an erb iteration that goes through all the tags and finds the x-y coordinates but I'm stuck on how to display them. <% @image.each do |image| %> <%= image.connections.each do |conn| %> <span class="connection" data-pos-x="<%= conn.pos_x %>"></span> <span class="connection" data-pos-y="<%= conn.pos_y %>"></span> <% end %>Which returns something
Column toggle table : How to hide the 'Columns' button?
Column toggle table : How to hide the 'Columns' button? I am fine with additional columns showing up when the phone is in landscape mode. Is there a way to avoid the 'Columns' button? Thanks.
navigation
Hi, i have the search results and would like to add the navigation for next and previous from the results but wonder if this is something i can do in jquery? i have looked for example code but got no luck. Can any one helps me with this? Thanks
Is this a jquery calling problem?
Hi Guys, I am currently doing some work for a friend of mine (hes asked me to add some javascript), I have used http://www.script-tutorials.com/isometric-interactive-interior-guide/ to work on one of the pages. I have a standalone version found at http://www.dominicpalmer.co.uk/soldier/ which works exactly how I want it to. I now want to get this working on the wordpress page, however, it won't work > http://www.dominicpalmer.co.uk/tommy-atkins/soldier/ Is this the way the wordpress site is calling
The Jquery Slideshow will not work
I'm building my first Responsive Web Design project, I added a simple slide show using jQuery on the front page. However, when I test the page, the show does not show up. Here is the link, html, and css code The Web Page <div class="hero-unit"> <ul id="s3sliderContent"> <li class="s3sliderImage"> <img src="slideshow/images/cisco-access-point.jpg" alt="merakibanner"> <span class="left"><strong>100% Cloud Managed Networking</strong>Cloud services are becoming the norm
Static Header - page error
Dear all, My name is Leander and I'm about to launch my first jQuery Mobile solution (named: Fixed Header). And I have to say I'm really pleased with the result already. I do have one problem with going to pages. The problem is I can't get a correct link from one page to another. When I click the menu button in the side menu the application paste the URL behind the original URL. For example: My application is running at www.google.com When I click the Side menu it will have a hash www.google.com#,
TO ADD JQUERY PLUGIN INTO ASP.NET(4.5) PRJECT.............. :)
Hello....... I am trying to add jquery image slider into my asp.net(4.0) project, so i have finished following steps.... 1. Downloaded the Jquery nivo image slider successfully to my local machine. 2. Added the CSS, JS file and Image folder into my project successfully. 3. Dragged and Dropped the CSS and JS files link into the Header part of my project. Then i got "HTTP ERROR 404.3-NOT FOUND" error............. Fortunately, i fixed this error successfully. But now i am getting "HTTP ERROR 403.14
Newbie Alert ... Question regarding dialogs
Greetings, I am developing my first mobile website using jQuery Mobile. On my index page, I have a link to a calendar which I am opening in a dialog: <a href="#calendar" data-rel="dialog" data-transition="flip">Calendar</a> The code is located on the index page, enclosed in: <div data-role="page" id="calendar"> Yada, yada, yada </div> My problem is this: when the index page is first accessed, the calendar opens just fine. After that, it does not want to work. I'll click another
Getting the current page ID when a link/button is pressed.
Hi is it possible when a link is pressed to get the ID of the page the link is in? For example. <div data-role="page" id="lazy_summer"> <div data-role="header"> <h1>Page One</h1> </div> <div data-role="content"> <a href="#page2" id="callEvent">Example</a> // When this link is clicked the page id (lazy_summer) is displayed before // The page transition. </div> <div data-role="footer"> <h4>Page Footer</h4> </div> </div> I wish to return the the id="lazy_summer"; Thanks, Lammie.
Next Page