As Rapahel integrate with modal window ??
Hi everyone I need Rapahel integrate functions within a modal window. Use the following code but Rapahel is not within the modal window. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>dialog demo</title> <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> <script type="text/javascript" src="../js/vendor/raphael.js"></script>
JQuery Ajax JSONP Request not calling timeout
Can anyone tell me why the timeout/error is not being called. $.ajax({ url: "http://myurl?callback=test", type: "GET", dataType: "jsonp", jsonpCallback: "test", jsonp: "callback", timeout: 1000, success: function(response) { alert(response); }, error: function(x, t, m) { if(t==="timeout") { alert("got timeout"); } else { alert(t); } } });
Fade in and fade out images in gallery
I have an inline list with an image gallery horizontally centralized, but sometimes this gallery can have a width bigger than the browser window, so some images will not be visible. You can also check it online here: http://3bum.com My idea: If the gallery width is bigger than the browser window, every 3 seconds fade out an image the user can see and fade in, at the same time and place, an image he cant see, replace the same image only after replacing all others, and stop it when the mouse is over
Is it possible to make selectable a sortable ?!
Ok, probably i'm trying to do something not so right ... but i'd like to have my list ( UL / LI structure standard ) selectable AND sortable. I've tryed executing before selectable and after sortable.... and also te opposite.. ma the list remains only sortable. Is it NOT possible or simply i'm doing something not well ? I tryed to log with firebug the start event but it simply doesn't fire // Avvio il sortable // Memorizzo l'ordinamento attuale in un cookie genresContainer.sortable({
jQuery Mobile 1.3 panel - double scrollbar bug
Hi, Today I wanted to implement one of JQM's neat new features, namely a panel. However, I've run into some unexpected behaviour: when I include a custom ThemeRoller .css file (v1.3), two scrollbars appear where there should be none. It only seems to happen when I place my custom theme after JQM's standard .css file (but when I place the custom theme before it, the theme doesn't load). If anyone wishes to reproduce this: <!DOCTYPE html> <html> <head> <title>Title</title> <meta
Best Place for JavaScript in AJAX Requests
Where in the code is the best place to put page specific JavaScript code when doing AJAX requests and transitions (both regular <a> links and <form> submissions)? From what I read, only the <body> of the request is used/replaced with such links so I assume <head> is a bad idea. Just in the <body> or <div data-role="page">? Just don't want it to get lost between requests. Thanks
Changing the textbox to other part of the page
Hy guys :D I have this textbox And i need to putt on the right side of the page . Can someone explain me how ?
jQuery UI Tabs can open in a new browser tab
Hi everybody, In my application I am using ajax jQuery UI tabs and when I right click the tabs header in context menu I can select "Open in a new tab" the content of the jQuery UI tab is opened in a new browser tab without any css and styles, previously in version 1.8.4 the browser tab was opened with the whole jQuery UI tab. I am using jQuery UI 1.10.3. In this version of jQuery UI the tads header points directly to the url of the page used for tab content. Previously I used jQuery UI 1.8.4 and
Simple question about tables
I have a simple, silly question. Should I be using GRIDS instead of TABLES for JQueryMobile? I can't find much in the way of support or documentation regarding tables. I'm having really simple problems, like tables being cut off because they're too big for the viewing window. I tried adding a style="font-size:small" to shrink the table, but this didn't work. It seems like the new reflow and column toggles support the idea of tables... What am I missing?
Single Script Not Working in IE
Hello. I have several jQuery scripts on my webpage. In Firefox and Chrome - all the scripts function as expected. In Internet Explorer (I am using version 9) - all the scripts, except one works. $(".SpecificTextboxClass").change(function() { if ($(this).val() == 3) { $(".SpecificTextboxClass").not(this).val(0);}}); This is applied to a HTML textbox <input type="text" name="scale" class="Validation SpecificTextboxClass" value="1"> The script works when the validation code is removed: $('.Validation').keyup(function
Tooltip doesn't show when there are title attributes inside the hint
Hi, I want to report a bug (you tell me if you consider it a bug or not) about jquery ui tooltip. Here is a jsfiddle to show you the bug. In fact, if you put a tooltip on a div (call it A), and if in this div you have anything (like hyperlinks) with attribute title, the tooltip won't show up, despite the hyperlink is in the A div.
multi dimentional array eliment validation with jquary
i am using an multidimensional set of input elements Like : <input value="0" name="Base_fare[23][0]" onchange="javascript:basechanged(23,0)" type="text" id="Base_fare[23][0]" class="imputText2"/> <input value="0" name="Base_fare[24][0]" onchange="javascript:basechanged(24,0)" type="text" id="Base_fare[24][0]" class="imputText2"/> <input value="0" name="Base_fare[25][0]" onchange="javascript:basechanged(25,0)" type="text" id="Base_fare[25][0]" class="imputText2"/> <input value="0" name="Base_fare[23][15]"
jQuery UI Menu
Hi, how can I make the menu widget horizontal? I've search around the Web but I haven't found a good solution. Thanks for your help!
Imageslider rotates in Dreamweaver but not on smartphone
For my mobile site I have an imageslider on top of every page. In Dreamweaver Live and Live Code I can see the rotator working. It rotates the images. However, the images don't rotate no my smartphone. The smartphone is a Samsung Galaxy Mini 2. The slider should work with android 2.3+. Here's the address: http://users.telenet.be/dennonnenmolen/mobile/mobile.html Maybe another problem is connected with it: The font color of the dropdown menu is white (as it should be) in Dreamweaver but blue on screen
jQuery Mobile + PhoneGap - Slow/Choppy
Hello All, I have spent many many hours of my time creating a app using jQuery Mobile (1.1.1) and PhoneGap for iPhone. At this stage it's a series is pages with plain html content, nothing fancy, no plugins or anything like that. i have an iPhone 4 and its slow ... page transitions are horrible/choppy. The page it loads flashes then it loads it. Images are slow to load even though its local on the phone. What can I do? It's pretty much preventing me spending more time into the app or submitting it
TinyMce with jQuery UI Dialog and jQuery Validation plugin - Form submit not working for the first time in Firefox20
I have jQuery UI Popup dialog form, which has a TinyMce editor. It is working well with Google Chrome and Internet Explorer8+. But in Firefox(Firefox20), when I edit/change the content in the TinyMCE editor and while clicking the submit button, the page gets focussed on the TinyMCE editor for the first time. And in the second time it gets submitted. And I am using jQuery validation plugin for the form validation ( in http://jqueryvalidation.org/). And the my code is as follows (This works perfect
jQuery mobile page repositioning
Hi, I want to ask about the jquery mobile... Actually I'm making a jquery mobile site and I used pannels in pages, I want that a user when click on Menu button so panel should open and panel & page should reposition to the top. So I don't know how to write jqurey, If anyone can write me a code for this function that'll be very much helpfull. I tried a code to reposition the page but when it reposition the page then panel doesn't open.... Thanks a lot... Here is the code... <script> $(document).ready(function(){
add flexigrid to modal form
Dear all, I would like add flexigrid object to modal form. who can tell me how to do that. thank you.
using panels and .ui-page-background possible?
Hello guys! Looks like no one has an idea for my problem: As soon as i insert panels to my page, my background-image disappears! BG-Image (CSS): .ui-page { background-image:url("../images/bg.png"); -> 50x50px image background-repeat:repeat; } Placing Panels into site: <div id="page" data-role="page" data-theme="a"> <div id="header" data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="c"> ... </div> <div class="menu" data-role="panel" data-position-fixed="true" data-position="left"
multiple sortable columns : issue with scrolling
jQuery : 1.9.1 jQuery UI : 1.10.1 Please See The Fiddle In the fiddle, when user tries to drag top item in list-1 into bottom of list-2, the scroll bar of list-1 gets moved instead of list-2 scroll bar. Tried various things but couldnt make it to work properly. Any inputs/suggestions are much appreciated. Thanks, Rakesh
Rookie JQuery problem with responsive template
Ok I hope I can properly describe the problem. I have a responsive template and when the window width shrinks, the menu disappears and an icon appears in its place. When you click the icon the menu is displayed using JQuery. Everything works fine up to that point. However, once you click the icon it creates inline CSS to show & hide the menu depending on how many times you click it. So if you click twice then expand the window again, the menu remains hidden because of the inline CSS. What would
Using IP not able to access WCF Service in JQuery
Hi ! This is my first programe with JQuery mobile. I have to make a cross platform application. My application is working fine when I am using "URL=localhost" to access the service from HTML page. But, when every I am using "URL=IP_Address" then it is not working. I am not able to call the WCF Service. Due to this no other client computer able to access my service. My Code detail is given bellow - HTML Page - <script type="text/javascript"> var Type; var Url; var Data; var ContentType;
Duplication of Radio buttons and Checkboxes
Hi, In my code, I am using a radio buttons and checkboxes, and have a Reset functionality, which uses the below code. $("input[type='radio']").prop("checked",false).checkboxradio("refresh"); (Just one line of code is mentioned above for example, similar is been done for Check Boxes and also for checked,"true" conditions also...) The page has a URL that opens up a help content on top of the page(hiding the existing page). On the Help page opened we have a Back button which removes this Help page
What would be the best way to "un-fix" a panel when you switch to landscape?
Using a fixed panel with a long-ish navigation list. However, when I switch to Landscape, the panel is still fixed, hiding some of the nav links. This is mainly a problem with Android native browsers. Chrome seems to recalculate the viewport vs panel height, and unfix things properly. But the native browser? Still fixed. Tried using media queries and switching to pos:absolute, but this seems to add more problems than it solves. Suggestions?
JQuery Slider Load Time Problem
Hi, I created a JQuery Slider for a website and have a problem with it taking a long time to load. With a slow internet connection, all of the image files are displayed on the page first (one above the other) until they have all loaded and only then does the slideshow start playing. You can see the JQuery slider here: http://www.sunderland.ac.uk/faculties/bl/ What I want to know is if there is a way of amending the code to improve performance? Any help would be greatly appreciated. Ross
Help running 2 slideshows on 1 page
Ok, so I am trying to run 2 slideshows on one page using java/jquery. I am having trouble getting them both to run correctly at the same time. Hoping someone can take a look and tell me which portion of the code I still need to change. Thanks! My abbreviated html looks like: <ul class="slide"> <li>picture</li> <li>picture</li> <li>picture</li> </ul> <ul class="slide2"> <li>picture</li> <li>picture</li> <li>picture</li>
Dialog api
1. what is the return value of .dialog()? e.g $(div).dialog({..}) will return $(div) or the dialog widget? I cannot find it in the documentation? 2. I have googled for information about dialog cleanup stackoverflow But the information in the page may be outdated, will dialog detach its event handlers (close, open...) when destroy? Do i need to call $(div).off() or $(div).dialog().off() or something else?
Javascript question
I have an input in my html. (id=myText) When I enter a value in (would be a date mm/dd/yy) I want that value to become a variable (startdate) Then I want use that variable to create other variables (d1, d2, d3) My beginners code is listed below. It's not working. What am I missing? <script> function myFunction() { var x=document.getElementById("myText"); var startdate = x; var d1 = (14).days().ago(startdate).toString('MM/d/yy'); var d2 = (13).days().ago(startdate).toString('MM/d/yy');
How to display close button on the right in dialog invoked via $.mobile.changePage?
Hi, Declaratively it can be done via data-close-btn="right", I'm looking for the same via $.mobile.changePage, any idea? Thanks!
not able to change text inside span
I have a simple jquery script to change text inside a span tag, which is inside a legend tag ,but its replacing even the text in legend. here is my script $(document).ready(function(){ $('legend').click(function(){ $(this).nextAll().toggle(); $(this).next().is(":visible")? $(this).find('span').text('(-)'):$(this).first('span').text('(+)') ; event.preventDefault(); }); }) my html <fieldset> <legend >Recommendation Code Details <span>(-)</span> </legend>
TinyMce with jQuery UI Dialog - Form submit not working in Firefox20
I have jQuery UI Popup dialog form, which has a TinyMce editor. It is working well with Google Chrome and Internet Explorer8+. But in Firefox(Firefox20), when I edit/change the content in the TinyMCE editor and while clicking the submit button, the page gets focussed on the TinyMCE editor for the first time. And in the second time it gets submitted. Pls help me in this Regard.
jQuery Count Up Timer
hello http://tutorialzine.com/2012/09/count-up-jquery/ there is a jquery count up timer :) it's cool, but something is wrong ! $('#countdown').countup({ start: new Date(2012, 10, 27, 15, 58, 21) //year, month, day, hour, min, sec }); when I set up date, calculations is performing bad. Why ?
http://view.jquerymobile.com/1.3.1/dist/demos/favicon.ico is this correct? May need redoing as it looks garbled.
As per subject, website maintainer issue only.
[Resolved] HowTo dispose Textfield and Submit button on the same line?
Hello, I spent so many hours playing with additional JS file and CSS file in order to get: - input type=text (width ~70%) and input type=submit (width ~30%) on the same line but I've FAILED ! I just want something disposed like the "search jQuery" input of this page (top-right). So, does anyone know a pretty simple way to do it ?
Issue on redirecting using listview menu
Hello everyone, I'm having some issues using listview for menu navigation, here is the code that I use to navigate along internal pages inside a html file: <!-- Beggining of Navigation Page --> <div data-role="page" class="contenidoPagina" id="indexPage"> <!-- Social Header --> <div class="ui-header"> <div class="social"> <a class="phone ui-link" href="tel:***" title=""> </a> <a class="gplus" href="https://plus.google.com/***" title=""> </a> <a class="fb ui-link" href="https://www.facebook.com/***"
.when() is not working with ajax call
Hi, My code looks like this: $.when(myAjaxFunction()).done(function(myMessage){ alert(myMessage); }); In this case, I'm getting an error that myMessage is undefined. How can I make sure that the myAjaxFunction() is executed and completed before I display myMessage. I thought .when() was designed for this scenario but it's not working. Any idea why? Thanks, Sam
jQuery logo
Am I the only one that sees the logo of a major telecom corp when looking at the jQuery logo? Especially on browser tabs displaying the jQuery favicon.
Spinner problem
I've this rendering problem for spinner. See this picture: Please note: I cannot update jquery; i cannot update jqueryui. But i need to debug this issed and understand what's the problem The Widget is bad-rendered but - is fully working - no javascript errors - Ie9, FF 20, latest Chrome and Safari all looks like this. Please, help me debug this problem, I've no idea where to start, because of no js errors !
tooltip on slider
$("#sw").slider({ orientation : "horizontal", range : "min", min : 0, max : 2000, value : $("#i1").width(), start : function(event,ui) { $("#tooltip").css("display","block"); }, slide : function (event, ui) {
Java script is not executed on dialog page
Hi! I display a dialog via $.mobile.changePage("Error.html", { role: "dialog" }); where Error.html is a separate page and it's being displayed fine. In the head of Error.html there's a script if (window.console) { console.log("Test"); } The script runs fine when I manually navigate to Error.html but not when I display it as a dialog via mobile.changePage. What am I missing here? Thanks!
Next Page