How to access dynamically added content?
I'm sure this has been answered before, but I haven't had any luck digging it out. Basically, I have a workflow-type interface, wherein a user can add in several boxes of content which are chained together to create a workflow. The individual boxes are laid out in HTML, along these lines: <div id = '#workflow-box-template'> Arg 1 : <input type = 'text'><br/> Arg 2 : <input type = 'text'><br/> Arg 3 : <input type = 'text'><br/> <button>close button</button> <button>cancel
Show / Hide for multiple Divs
Hi, Sorry if I am treading on old ground but I am new to jquery. I have a page with 3 divs and 3 anchors. I am trying to build this page that loads with all 3 divs hidden, then when someone clicks on the first anchor div 1 displays. If they click the 2nd anchor then div 1 hides and div 2 shows and so on. What is the best way to do this? My code below half works, but it forces the divs that are already hidden to hide again (which looks stupid). Thoughts from the pros out there? <!DOCTYPE html> <html>
Trying to show text from an XML file
Hello, I am trying to populate an array with terms from an XML file but I can't seem to get it going. The alerts below do not show any information or text from the XML file. Is this not storing the entire XML element? Later I will need to index with the 'term' attribute and return one of the other attributes. $(document).ready(function() { var glossArray = []; $.get('glossary/glossary_data.xml', function(d){ $(d).find('item').each(function(){ glossArray.push($(this).val());
Using Ajax offline
Hey, I'm currently building a web app with jQuery. I'm using Ajax to create smooth page transitions (fadeout -> load new body content with ajax -> fade in). This works perfectly but requires a webserver. Thats a problem, because I'm only loading static HTML and Javascript. I don't have any server side code. I want to publish the app on CD also for people without internet (trust me, they exsist ;) ). Is there any solution to use my code offline? Of course I could write different code, because I don't
And what is with JSON?
JSON found in many usage, as well as me. Thats nice about that getJSON or parseJSON a JSON string is converted to an object, but what about the other direction? Constantly (and especially if you are constantly working with JSON) you have to make sure that you use a reasonable parser - Because if you want to convert objects to JSON, one must necessarily use a plugin. Why is this not built into the core?
HTML 5 iPhone 5 support question
I know this really isn't a jquery mobile question. But I haven't really found any good forums to ask my question on, and my site does use jquery. So maybe there is a solution I can use in jquery to my problem. My site is fairly simple jquery mobile and php based. The site works fine on iphones. However with the release of the iPhone 5 I have noticed an issue. Previously my site used the following code: <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0,
jquery browser
hi I need some help , I want make function when visitor exit browser or exit page or change my page , haw can I do this , thanks .
Selecting imported children & if/else
Hi everyone. I'm having trouble with my script, and I've researched for days what might possibly be wrong with it. Perhaps someone here could spot the issue? I'd be very grateful. Cheers. Issue #1 $('.about').on("click", function () { doesItBlend = $("#mid_col").hasClass(".hide"); if (doesItBlend === false) { $('#right_col').load('about.html'); $('#right_col').toggleClass('hide'); } else { $('#mid_col').load('about.html'); $('#mid_col').toggleClass('hide'); } });Above code doesn't work
I am trying to do vertical tabs
Please look at this link. I trying to get this effect with vertical tabs. http://bluetoad.com/publication/?i=89702 This is dynamic with ajax and c# to and <div id="bookContainer"> <div id="book"></book> </div> $("#BookContainer").append(ContentMenu); function GetContents(BookID) { $.ajax({ type: "POST", // AJAX type post url: "tabletbook.aspx/GetContentsMenu", data: '{"BookID": "' + BookID + '"}', contentType: "application/json; charset=utf-8", //This is dataType: "json", //We need to specifiy
Select next character?
I'm trying to hide a "|" character that is next to an <A> tag. I cannot figure out how to find it, because it has no class or ID. EX: <a href="home.htm">Home</a> | <a href="intro.htm">Intro</a> | <a href="whatever.htm">Whatever</a> I need to hide the link for Intro and the "|" next to it. $('a[href$="intro"]') gets me the link. But how do I get the pipe, and how do I change its visibility? Thanks
Multiple-Select change event after popup close
Hey everbody. I just started using jQuery Mobile 1.2.0 in a small project. I am using 4 select boxes with multiple option activated and native popups disabled (I like the fancy ones of JQM). If the elements on the first box are selected, I dynamically populate the second box and so on. Currently the behavior of the JQM select is to update the original select as soon the item is selected. It is quite a bad idea to start an Ajax request on each item selection to update the second box. It would be
Falling Picture from Top
I wanted to ask if anyone knows how to drop a picture from the top and then the forms in the middle lands. 1. The first picture is empty. 2. The second image is the one, which th image is falling down from the top and stays in the middle. Do anyone knows an example or a script? Thanks!
Public Callback Function in own Plugin
Hi, i have written a little plugin in jquery which works good so far. i want to have a public callback function e.g. if the image is loaded (everytime), the name of the function is loadData(). i have some public functions which execute some code, i can call the functions in my html file, this works perfect. now i want to have some callback if some function is completed. sorry for my english ;) code is attached thanks for your help, greetings
How to update part of a table.
Hello guys, I have a table with some orders that are updated each five minutes using JQuery $.Ajax, but everytime the whole table is updated with all orders while I just wanted to update the new rows. Someone knows how can I do that? I just need a help with the logic, the code I think I can develop after. Thanks!
cancel events
After you have declared an event (is this called creating an event handler) in jquery ie $(object).click(dothis) is it possible to stop that event handler.
video tag DOM events problem
i am trying to use the DOM events for the video tag (html5 video) i am using the events listed here http://www.w3schools.com/tags/ref_av_dom.asp yet no matter which event i use the code runs when i load the page not when the event is triggered this is my code <script> document.getElementById('vidz').volumechange() = hollow(); function hollow(){ alert("test"); } </script> no matter which event i use in place of volumechange() i get the same problem i have also tried using volumechange() without
What does this mean? "transition performance can be poor on upgraded devices"
So I am looking at the docs for 1.2 and I see on the A grade devices about the transitions etc, anyhow under android 4.0 I see this note "transition performance can be poor on upgradeddevices" but I am not sure what this means?
menubar widget
The current stable version of jQ-UI doesn't include the menubar widget. Is there a dev version available with the menubar widget that is compatible with jQ 1.8.2?
Possible problem/bug with jQuery Mobile and position:absolute on some mobile devices
Hi there, I've been running in a problem on a Samsung Galaxy S3. Apparently the combination of CSS "position: absolute;", "top: <X>px;" and jQuery Mobile causes some problems on this device (and possibly on others as well). Sorry for the wall of text, I want to describe the problem as best as I can. Longer description of the problem/error/bug(?): A user reported that he could'nt type anything in the LogOn-form. If he selects an input field and begins to type it wont accept (and show) characters from
Maps Not being displayed in Internet Explorer
Hello, Any idea why the map is not being displayed in Internet Explorer but works fine in Firefox and Chrome? http://www.gcprive.com/ai1ec_event/club-test/?instance_id=32 many thanks, Andy
how to make parent link active
Howdy, I'd like to use the jQuery UI menu or accordion AND have the parent node open an a href when selected in addition to perform its other function of showing its children/nested links. I'm using the following code, but realize I probably need to configure something in the jquery-ui.js file. <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Accordion - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css"
cycle php and featured products
hello, i have a website that had an admin login panel that i can select which cars are featured by ticking a check box in the admin panel. at present, the featured cars are static, and if i have four cars featured, it looks untidy. cue the cycle plugin!! (if i new how to use it!!) heres my code : <?php session_start(); include_once "./admin/global.php"; if ( $sort ) { $ses_sort = $sort; } if ( empty($sort) && empty($ses_sort)) { $ses_sort = $site."_motor.title";
Enable or disable a menu item
Hello everybody, I need help to implement a jquery function in my site to enable or disable a menu item from the control panel. The page that will be enable or disable it depends of the director of the school at the end of the school year. Till that period it will be disabled, when they start the polls at the end of year, the administrator of the site will enable that page from the control panel. Please, can someone helps me? Thanks in advance. Tegatti
ajax-json wcf rest service did not get data on mozilla browser
Hi, I am developing application which consume wcf rest service via ajax and json. I am getting result when I use Internet explore but for other browse like Mozilla and chrome it did not give any result. Please help. Thanks, Pramod Following is the code: <script src="js/JSon.js" type="text/javascript"></script> <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script> <script src="js/jquery.js" type="text/javascript"></script> function fillcategory() { var GetCategoryURl = "http://localhost:4444/Service1.svc/GetCategory"
How would i Valiadate Datepicker is empty
My date picker is joined into my Contact form on pressing the Submit button all fields on the form are validated ok. how would i validate,,,,, that a date as been selected and not submitted with an empty field. below is my code <!-- Start of datepicker --> <script> $(document).ready(function() { $("#datepicker").datepicker(); }); </script> <!-- $(selector).datepick({dateFormat: 'yyyy-mm-dd'}); for my example --> <script> $(function() {
Has anyone found a workaround for issue 4113?
https://github.com/jquery/jquery-mobile/issues/4113 Here's the demonstrated behavior on JQM 1.2.0: http://jsfiddle.net/6ghtb/6/show/ Just put focus on Label 10 and scroll down. Has anyone found a fix/workaround for this?
Relocate and resize web links when using zoom in and out.
This is a flipbook I have the following code that supposed to relocate the links when page change size or orientation on the iPad. I using ajax to an array which get the links. The links write to the page and the green overlay shows where the links are. First images is what happens when use the code below. I need to adjust the links over -25 and 0 this what I am getting all links move and overlap each other. If you look at the second image you will see the original links location. I need for it move
Page Transition Queue
Currently multiple link clicks are queued and fired sequentially, but i want to disable this behavior. So, how do i clear the page transition queue before the following function is executed: function releasePageTransitionLock() { isPageTransitioning = false; if ( pageTransitionQueue.length > 0 ) { $.mobile.changePage.apply( null, pageTransitionQueue.pop() ); } }
Popup question
Hi, popup is simple is to use. <a href="#popupBasic" data-rel="popup">Open Popup</a> <div data-role="popup" id="popupBasic"> <p>This is a completely basic popup, no options set.<p> </div> What if u have a list view and many record in there. imagine u have like. sale/01_000001_10 sale/01_000002_20 sale/01_000002_30 links like this and when one of them cliked u want to call a link looking like this. sale/01_000001_10/confirm sale/01_000002_20/confirm sale/01_000002_30/confirm do you have to create
using jquery
Hello, I want to know how to use jquery with in the asp.net. Please help me. I tried but i cant. Initially i want to pul jquery message box with asp.net for confirm and messages. Thanks, Chandana
Ajax Simple File Upload
I'm actually new on jquery ajax. i just wanna ask a little idea about how to create simple file upload (with form) using ajax. i tried using this code: //form html <p id="status"></p> <form id="form1" enctype="multipart/formdata"> <input type="file" id="photo" name="photo" /> <input type="submit" id="save" name="save" value="Upload" /> </form> //php file if($_POST){ $name = $_POST['photo']['name']; $tmp = $_POST['photo']['tmp_name']; $path = "images/".basename(name); if(move_uploaded_file($tmp,$path)){
how to solve CORS when calling other domain
I am trying to call other domain(such as my web service running on 8080 and jquery program(index.html) running on 8084),that getting the cross domain problem so i found solution from our forum to implement $.support.CORS = true; crossDomain:'true', even my webservice not calling,in my firebug am getting the following OPTIONS http://10.163.14.56:9000/customerservice/HashValue [HTTP/1.1 200 OK 17ms] but i have set request type is 'POST',when i am using header,it is changed as 'OPTIONS' So please
Coming soon splitview official??
Hi! Splitview official in jQuery mobile 1.2.1???
Single solution for IPad,Mobiles and Desktop using ASP.Net MVC4 ,Jquery Mobile and HTML5
Hi, I'm looking out for a solution that can be used from desktop,mobile and IPad. Here I want to use single solution with different presentation for all 3 devices. After searching I come to know that this can be achieved by using ASP.Net MVC4 ,Jquery Mobile and HTML5. Here I want to know following: 1.What all software I require to install to start on ASP.Net MVC4 ,Jquery Mobile and HTML5? 2.How much HTML 5 is involved in this solution?Is it required or alone JQuery Mobile can solve the purpose? 3.What
static boxes in animation
hi all thanks to popnoodles i can change the div tags size now i would liketo implemet 2 static boxes in the animation maybe anyone could help me there http://jsfiddle.net/yCY9y/175/ here are some boxes which are getting bigger by mouse over but now i want to implement 2 static boxes ( in each column one ) by static i mean boxes which dont change their size by mouse over but they are moved when an other box cahnges the size so that is is seen all the time greetings fönig
Problem with jQueryMobile Code
Hey there, At first sorry for my bad English. I'm from Germany and i have a problem with jQueryMobile Code. This is my complete code. With Firebug there is no error. jsfiddle Code I don't know what to do. So I need your help. Emjay
Is this a jquery issue or css?
Hello; I have a jquery slider that goes over everything! It is located in this page. Please click on Refine Search on right column and scroll down. As you can see the slider goes on top of header. Is this a jquery or css issue? How can I stop it? Thank you
jQuery and Event-Driven(?)
Dear all, I don't know if what I want to do is related to event driven, so I expose my problem. I'm developing a web portal where people can query for metals in biology. The query results can be downloaded but the zip file creation keep a long time. I would that when an user click on download link, the file creation starts and the user can visit other pages. When the creation file is finished a message or the download box appears on the visiting user's page. Is it possible? If yes, how can do it?
Iterate through JSON Result
Dear, How can iterate through this Json result: {"boqItemCodeMaps1":{"C4":["V41","V42","V43"],"C3":["V31","V32","V33"]}}
Ordered lists and their indexes
I've got an ordered list that I'm looking to hide some of the list options but have their respective indexes (the number) stay the same. .hide() hides it just fine.... but then changes the numbers (goes from 1-7, say, to 1-6 rather than 1,2,4,5,6,7) I can get the desired effect by using css with `visibility: hidden`. but that leaves the space behind. Any ideas guys?
Next Page