Autocomplete not firing on first character
Hi! I have implemented the jQuery UI autocomplete script, but the autocomplete is not firing on first character. I have an input field with a static value on page load. When I change this value, the autocomplete is not firing. When I delete the character I typed and type it again, the autocomplete is working. Am I doing something wrong? I can't find any information about this problem. var quantities = ['10','20','25','30','35']; $('#quantity').autocomplete({ minChars:1, noCache: true,
Listview
This is the response of my Soap-xml web service. How Can i put this in List view and count and put in a badge.?? Advanced Thanks for those who will Help.. <DataSet xmlns="http://tempuri.org/"> <xs:schema xmlns="" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata" id="NewDataSet"> <xs:element name="NewDataSet" msdata:IsDataSet="true" msdata:UseCurrentLocale="true"> <xs:complexType> <xs:choice minOccurs="0" maxOccurs="unbounded"> <xs:element name="Table">
select in popup(panel)? [CLOSED]
Hi, I can't get data-native-menu to be false when opening select(dropdown) in a popup when using panel. Is this possible? or link: http://goo.gl/eIQIT See attachment.
Positioning the datepicker
Hi All, I'm hoping someone on here will be able to help. I've got a date picker setup, and this is activated from a button click as per normal. I've been asked to make three months appear, which I've done and all is fine in that respect. The only issue is the placement of the date picker once it has opened. Now with the three months being output, the middle monthappears under the button that was clicked, with the next month appearing outside of the layout we are trying to keep within. I've seen
Looks good in Firefox but not IE (Internet Explorer).
I have jCarousel 0.2.8 working with jQuery 1.7.1 and jQuery UI 1.8.11 in my Drupal 7 module perfectly in Firefox. However, the carousels are not working properly in Internet Explorer 7, 8, 9 and 10. What can I do to get them to load properly in both browsers? Screenshots of what it looks like in FF and IE are attached. Below is my JavaScript/jQuery code. Note that since it is a Drupal site, jQuery() is used instead of $(). You can test the issue described at my website: [demo link removed] Any help
trigger("create") for a popup dialog doesn't show it with css
Hello, I want to prepend programatically a var which is a popup dialog into a content div. The problem is that when I try to trigger('create') and then to open the popup, it is shown but not with the complete css style, I mean the popup header and the fonts are not right. The jsfiddle is here: http://jsfiddle.net/amanz/4VKk2/1/ Can you help me please? Thanks, Andrei
.mouseover () help
$("figure").html('<img src="'+trg.src+'"'+jg_gallery_init("#gallery")+' />'); function jg_gallery_init (jg_s) { //creating structure $(jg_s).html('<div class="jg_controls"><div class="jg_c_stop"></div><div class="jg_c_play"></div><div class="jg_c_prev"></div><div class="jg_c_next"></div></div><div class="jg_image"></div><div class="jg_text"></div></div></div>'); //showing text info $(jg_s).css("margin-left","auto"); $(jg_s).css("margin-right","auto"); getwdth = confDoc.getElementsByTagName("maxBannerWidth")[0].childNodes[0].nodeValue;
Jquery mobile datetype is not working on Samsung S3 mobile.
Hi All, I have 4 date pickers on my page. when i click on first datepicker i am able to get the value in textbox. and click on second datepicker the page is getting struck. Is there any thing need to do? <input type="date" id="Schedule_startdate" /> I tested in Samsung grand. It's working fine.
Convert byte array stream to pdf
Is it possible to create a byte array stream to PDF ..... searching the NET I found some conflicting information and its lacking too. Basically I am using JQuery Mobile and calling a webservice which provides a stream of bytes. I want this stream of bytes to be converted to a PDF. Any help, very appreciated. Thanks.
Work around for dialog in IE 9 quirks mode?
I am working on a very old site that uses quirks mode rendering. The jQuery ui dialog from version 1.8.6 displayed fine, but after upgrading to the latest (1.10.2) the display is broken in IE 9. So I have read a few posts that jquery ui is does not support quirks mode, but I was just wondering if there were any work arounds to the problem that someone has discovered, or maybe a more advanced javascripter can point out how i can fix display. here is the example. use browser IE 9. (I am using 9.0.8112.16421
.mouseover() help
$("figure").css({"top":y+"px","left":x+"px","width":w+"px","height":h+"px"}); $("figure").html('<img src="'+trg.src+'"'+jg_gallery_init("#gallery")+' />'); function jg_gallery_init (jg_s) { //creating structure $(jg_s).html('<div class="jg_controls"><div class="jg_c_stop"></div><div class="jg_c_play"></div><div class="jg_c_prev"></div><div class="jg_c_next"></div></div><div class="jg_image"></div><div class="jg_text"></div></div></div>'); //showing text info $(jg_s).css("margin-left","auto"); $(jg_s).css("margin-right","auto");
Add Multiple Elements to Page
Hello, I have created a JQuery tooltip plugin and I am applying it to a few A tags. For each A tag there should be a different tooltip associated with it so I have: var $tooltip = $("<div>").attr("id", tooltip.id).attr("class", options.class).appendTo('body'); Where the tooltip id includes a random number created as follows: id: "Tooltip_" + Math.floor(Math.random() * (9999 - 2000 + 1) + 2000) The plugin does not behave well. I checked the HTML added to the page. Only one tooltip is being
Jquery Cycle: need to implement activeslide on "goto" method
Hello, I'm using the 2nd goto method ("Poor man's goto": http://jquery.malsup.com/cycle/goto2.html), and find that it doesn't update the class with active slide. I am a bit stumped on getting it implemented. I've watched 20 of the 30 "learn jquery" tutorial videos from tuts (excellent resource!) but am really stuck on this. Can anyone provide help? If it makes any difference, my ultimate goal is to have 2 pagers on one slide: one which I'm just doing as simple colored boxes (what is being generated
Dropdownlist in mozilla
$("#" + DDL + " option:contains(" + Option + ")").attr('selected', 'selected'); where DDL is id of dropdownlist and Option is Text to be selected.. it working fine in IE, But in mozilla not working.
Dynamic Script with document.ready() not execute at runtime in browser .
I used jQuery plugin with version 1.8.1 in my page . I created one function which creates dynamic script as per the below code and I place it inside the BODY of the HTML page: <script> $(document).ready(function(){ // .... Some javascript }); </script>The above dynamic script gets some additional HTML and JQuery using AJAX and appends it to the Body tag but it does not execute after Ajax completes. If I add a simple alert('something') like below then it does execute. <script> alert('something');
Resetting CSS in nested Tabs
Hi, I want to have one vertical tab widget in which another tab widget is nested in. So I tried to create the outer tabs, than reset all CSS in the inside of it and call the tabs function on the inner. I reset the css by calling the attr() function for style with following content: /*just a extract, because the whole css would be too much for this post*/ .cssReset td, .cssReset tfoot, .cssReset th, .cssReset thead, .cssReset time, .cssReset tr, .cssReset tt, .cssReset u, .cssReset ul, .cssReset
Auto Resize Font-Size
I'm working on some code to automatically change the font-size based not only on $(window).resize() but also to ensure it the text doesn't wrap, and instead shrinks to the size of its container. I do not care if the size ends up at 4...just so long as it does not wrap. My HTML: <div id="UL16" class="bracketSize L b16"> <ul class="tlist"> <li class="theTeams t16">1 upLeft upLeft upLeft</li> <li class="theTeams t16">2
jQuery newbie needs help with plugin conflict issue
I'm using a few jQuery plugins on a WordPress site and I seem to be getting some kind of conflict - see the red box in the featured post slider. View it here: http://ninesixty.co.nz/stellascapes/ I have no idea why this is happening but hopefully I can just tweak the plugin files a bit to fix the issue. Any help would be really appreciated.
New to JQuery. Want to know what server side technologies I can use in conjunction with JQuery.
Hi all, I am new to JQuery. Want to know what server side technologies I can use in conjunction with JQuery. One option i can think of is "Struts". But I want to directly connect JQuery with the business logic, rather than using server side front end. Please let me know what are the different technologies I can use. Thanks.
image create problem in verification (ajax)
i am trying to create image from random number . i can move random number to resim.php. $.ajax({ type :"POST", url :"font/resim.php", dataType :"html", data :{num: numRand}, success : function (data){
add data in a list
Hello I want to add in a list some data from the database when I apply this .js , the data is writen out a list .html <ul data-role="listview" id="pop_event"> </ul> .js var div = $("#pop_event"); for ( var i = 0; i < result.invocationResult.resultSet.length; i++) { div.append("<li><a ><table><tr><td><img src='../images/heart.png'></td>"+ "<td>"+ result.invocationResult.resultSet[i].name_event+"</td></tr>"+ "<tr><td></td><td> Nombre de participants: "+ result.invocationResult.resultSet[i].nb_part+
Using Modal Form Box
Hello. I may end up having several posts about this topic in all. I'm trying to use Twitter Bootstrap Modal for a popup form on my page. The main page says that I can control when the popup opens, closes..etc by using this base function. http://w3resource.com/twitter-bootstrap/modals-tutorial.php $(function () { $("#identifier").modal(); }); Now when I just use the code as is, it pulls the modal box up immediately upon page load. So I want to wrap it in an event. So I tried to use $("#register").click(function()
jQuery Mobile changePage in pagebeforeshow Flicker
In several of my jQuery Mobile pages, I need to ensure that certain variables are set before allowing the page to show. As such, I check for these variables in the pagebeforeshow event and if they are not present or correct, I call the $.mobile.changePage(...) inside the pagebeforeshow event and then immediately return. In jQuery Mobile 1.2.1 this seemed to work perfectly. However, now that I'm using jQuery Mobile 1.3.1 I've noticed an odd rendering issue. Now when I call the changePage inside the pagebeforeshow event,
Json Status Flip Switch ??
How do I run status all page, Flip Swtich ??? ( '#page1' , '#page2' , '#page3' vs... ) function updateControls() { $.getJSON(\/status.json\, function(json) { $.each(json, function(key, value) { $(\#\+key).val(value).slider(\refresh\); }); }); } $('select').bind('change', function(event) { element = event.target.id; if (element.substr(0, 6) == \outlet\) { eleid = element.substr(6, 2); } else { eleid = 0; } command = event.target.value; $.get('/cmd', { 'eleid' : eleid, 'cmd' : command }); }); $(document).ready(function
Please help me, I'm stuck - Object [object Object] has no method
Hello! I am struggling since a few days ago with a problem with a jQuery plugin named "Smoothdivscroll". Have found that jQuery is getting this Uncaught TypeError: Object [object Object] has no method 'smoothDivScroll' even when the script is loaded, Jquery too and all looks fine, the link is here. And the div it should be scrolling is the one below I have tried all ways I see on the web, using noconflict, jQuery(function instead of $ , and my head is stuck with this one :( also I dont have too
Allow users to build their own sports strategy
Dear friends, I'm quite new in jquery world and i hope i choose the right forum to post my question. I checked the website but i didn't found what i was looking for. I would like to know if it exists a js who allow users to build their own sport strategy. With this i mean a tool that try to simulate the movement of a rugby player, for example, where the user can decide the first point and the last point of the movement (with all the intermediate points for example through slides) I know there is
Problem with .load
I am having an issue with .load. For some reason it seems to be closing tags on it's own and not sure how to fix it. I am trying to load a page into a div. here is the jquery code $(function(){ $("a.load").click(function (e) { e.preventDefault(); $("#pdetails").show("slow"); $("#projd").load($(this).attr("href")); }); }); Here is the link to load the code <a href="/media/pdet/5" class="load" />Details</a> here is the div which to hold the
Using a custom theme for list icons
I used the theme roller to create a simple colour change of the arrow icons for a list (and hopefully also the plus minus symbols on a collapsible list) but can't seem to get the change to kick in. My css sheets currently look like this with my colour change one being called 'custom_list_arrows.min.css' <link rel="stylesheet" type="text/css" href="mobile.css" /> <link rel="stylesheet" href="themes/custom_list_arrows.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"
jQuery email validation and recaptcha is not working in a two stage form submission process
**Scenario** - PHASE1:- User enters email id- IF_NOT_EMPTY VALIDATE email IF valid_email SHOW recaptcha with another form submit button( id="button2") DISABLE email field HIDE button1 ELSE throw_valid_email_error ELSE throw_blank_email_error PHASE2:- If captcha is correct and user Clicks on button2 SHOW success message in a
binding pageshow events
Hi, I'm developing an healthcare analysis phonegap app. in the app i have a list of multiple files which I need to open read, analyse and display. at the moment I have a list and each item has href="#analyse", than in the code I have a click listener which triggers the analysis on chosen file and than it is displayed. My problem is that the analysis page displays just after the calculation is done which can be couple of seconds. What I want is to load "#analysis" page before the calculation is started.
Problem with listview item and ajax
Hi guys, Im quite new with jQuery Mobile and i have a problem with <li> and ajax.A page has an ajax at the loading and the <a href> gets me right on that page,and if i go with <li><a href="x.php">x</a></li> the ajax does not load. in case i make it <a href="x.php" data-role="button">x</a> it works( the ajax on the x.php page). I would like to use <li> elements because of their design and the count bubble. Thanks in advance. [ edit ] hi again, i just found out what was the problem: <li><a href="x.php"
Page cache issue
I have three data in list.php, after I click add button it will go to add.php, I pick a item and click on it when I am in add.php, it will use ajax to save one more data to database in the background, and I click back button which is use data-rel="back" api back to list.php, the data still be three, only if I refresh the page then it shows four data, how to show correct amount of data if I click back button I add two meta on list.php <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="expires"
Dialog Not Opening [SOLVED]
I have a grid containing images and have created a white box in the lower right-hand portion of the page. http://mobile.gmjones.org/employments.html Inside this box, I have: <a href="#log" data-rel="dialog">Open dialog</a> I have a page: <div data-role="page" id="log"> <div data-role="header"> <h1>Dialog</h1> </div> <div data-role="content"> <img style="width:170px;height:220px;" src="http://gmjones.org/images/GrantPicNEW.jpg"> </div> </div> When I click 'Open dialog',
Move position of arrow-r icon
Hopefully this is my last question and I can eventually start helping others out! I have 2 buttons in my header, one on the left hand side using arrow-l and one on the right using arrow-r. The arrow-r one has the arrow icon on the left of the text which doesnt make much sense to me and I would have thought by default it would be on the right of the text. Can I move the position so it goes from the left of the text to the right?
Checking HTML5 page design in Android browser from windows server 20012 /. visual-studio 2012
Hi I am developing a html-5 mobile application in visual studio 2012. I want to check my pages with android Browser during development. My os is windows server 2012. How it is possible. I have installed android 4.0.3 for windows . But it is not working.
Modal with height "auto" and minHeight
Hello, Ive assigned an "auto" to a modal height. Works fine. Im now trying to assign a minHeight to the modal, but it appears to ignore it. Is there a way to assign minHeight and auto to height/width? Or do I not know what Im talking about... Thank You
Quicksand filter clashing with dropdown code
I'm relatively new to this and have had no problem editing an customising filters in the past but I can't get these two to work together. I have a hoverover dropdown menu and I also need a filter on the same page. The two don't work together until I have clicked on a filter then they both work as normal. Until then the website is misaligned and not working. Does anyone know how to get them to both work from the start? This is the problem page: http://clinell.com/design/carell/test/portfolio.html
Problem with local css
Hi, i have a problem using my local jquery.mobile-1.3.1.css; icons are not displayed correctly, however when I use the version onlne i can see them. Does anyone know who may be happening?
[input type="date"] how to change date format
Hi, I am looking for how to change the date format used in jquery mobile. Default one seems to be taken from browser's preference (dd/mm/yyyy on mine, yyyy-mm-dd on a friend in UK with the same code), which does not match my needs. I did not find any where googleing it, at least I found no jquerymobile built-in solution. Does such an option exist ? Thanks for your help. <div data-role="fieldcontain"> <label for="startdate">Start Date:</label> <input type="date" name="startdate" id="startdate" />
All site is loaded when I click to load only Iframe.
Hi. In my fallow code, when I try to load the iframe all site is load. </head> <body onLoad="loadFrameInit()"> <script> function loadFrameInit(){ $("#IframeMaster").attr('src','Modelos/Mcs/mcs.html').load(function(){ alert("1"); }) } </script> <div id="MenuModelos"> <img src="img/menuBTN.png" id="ImgMenuModelos" title="Selecione outros modelos" onClick="AbreMenuModel()"></img> <div id="AreaModels"> <img src="img/buttonBody.png" class="ponteiro" onClick="AbreMenuModel('Modelos/SuperRacer/superRacer.html')"></img>
Next Page