Menu : how to manage the default blur event when submenu overlap (need) : cannot access submenu
Hi, jq-ui 1.10.4 - Widget menu Summary : Large menu management with overlapping submenu : When the submenu(s) position is managed so that they overlap (collision:"none" and position set by calculation) it is not the last opened submenu which gets the blur event control. So it is impossible to move the mouse into submenu without changing the active option of the up level. where is the solution ? The context A menu with thousands of options with sometime long text (120c) most current five levels of
simpleCart(js) - using iframe
I have a question regarding simpleCart(js). I'm new to javascript and I know there is a lot of information on simplecartjs.org, but I couldn't find the answer I was looking for. I am trying to implement simplecart into my website; which is completely written in HTML5/CSS3. I have an index.html which has <script src="simpleCart.js"></script> & <script src="jquery.min.js"></script> in the head for loading the simpleCart(js) script and the jquery library, and I have <span class="simpleCart_quantity"></span> & <div
Problem with starting script from iframe
Hi! Guys, help me please. There is a page with iframe, into iframe loaded page containing java-script. if I specify the source for the iframe <iframe name="iframe1" src="second.html"></iframe> everything works well, the script works on the parent window and the one in which he is. But if I try load page into iframe with link <a href="second.html" target="iframe1"> script don't work for a parent page. Script loses a parent? Please, see this code: parent.html: <html> <head> <title>first</title> <script
Split Date of birth
How to split a date 1021988 into (i.e. 1/02/1988 dd/mm/yyyy)
Applying validator rules to a dynamically created form element
I have a form that has an input element that is dynamically added to the form. When testing the form, the rules that I set up for this element do not execute. All I want is for the default message to NOT show up. Below is the jQuery validate set up: $('#addNew').validate({ messages:{ itemDate: '', projectId: '', units: '', lineItem: '' } }); I need to know how to bind this dynamically created element to the
How to add loading bar to script
I'm having an issue with a loading bar in some different browsers. Currently when it pops up, it gives a loading status on my page. On IE the image that is "addpended" to the div works OK and users can see the gif, in other browsers it is either no present or the alternative image, and I cant seem to make the behavior consistant. here is what it looks like In IE Here is Chrome and Finally Firefox Here is the controller script for this porgress bar... return{ init: function () { $( "#top-menu").menubar(menuitems);
Elements no dropp
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title></title> <script class="jsbin" src="application/js/libs/jquery/jquery.js"></script> <script class="jsbin" src="application/js/libs/jquery/jquery-ui.js"></script> <script src="js/libs/jquery/ckeditor/ckeditor.js"></script> <script src="js/libs/jquery/ckeditor/adapters/jquery.js"></script> <script> $(document).ready(function(){ //$(function() { $( "#accordion" ).accordion({ heightStyle: "fill" }); $( "#left-panel
facing problem to specify navigation after Image upload on form [data-ajax="false"] submit
Hi, I am using jquery 2.1.0 and jquery mobile 1.4.2 I have a page to upload an image to the server. The form looks like this: <form action="http://localhost:8080/JQMProject/mobile/uploadServlet" enctype="multipart/form-data" method="POST" data-ajax="false"> <p> <label for="file-2">File: </label> <input type="file" data-clear-btn="true" name="file-2" id="file-2"> </p> <p> <input type="reset" value="Reset" data-icon="recycle"/> <input id="submitImage" value="Upload" type="submit" data-icon="check"/>
image miss aligned initially or when window is resized
if you know a way to fix this http://s2.postimg.org/wotpf403d/Sem_T_tulo.png it appears initally wrong some maybe i need to hide it and just show when it gets the position. it. this also happend when you changr browser window , it only looks good on maximized window mode in: http://85.240.70.238:8080/default.aspx
How to Attach A Tooltip to a Dragable Element
Can you please take a look at this demo and let me know how I can attach the tooltip to jquery ui handler so when the handler moves the tooltip also moves? Here is my code: $(function () { $("#slider-vertical").slider({ orientation: "vertical", range: "min", min: 0, max: 100, value: 60, slide: function (event, ui) { $("#amount").val(ui.value); } }); $("#amount").val($("#slider-vertical").slider("value"));
refresh select list
Hi, How to create refresh select list with options 1, 2,3 4, 10,60,...., on selecting a 1 a refresh button is created and the page can be refreshed once by clicking it, on selecting 2 a refresh button is created & page can be refreshed twice by clicking it, and so on...if the selected option is 2 , the refresh button should disappear after it is clicked twice.... and same applies to the other option...
jQuery-ui Datepicker in Lotus Xpages
Hello, I have been trying to implement a jquery-ui datepicker in my Lotus Xpages application, but keep running into issues when trying to attach the datepicker to Xpage inputs. These are <xp:inputText></xp:inputText> tags instead of the standard <input /> tags. I really cant change the tags to standard <input />, as these will not bind to forms correctly. Is there any known fix for this issue, or anything I can do to fix the problem. cheers, Paul
Checkbox ShowHide
Hi all, I'm working on Asp.net web application and I'm not a good developer :( I've more than 5 checkboxes and textboxes, I wana ask when the checkbox = checked a textbox should be visible and if checkbox is unchecked txtbox should be hidden every checkbox has one or more than one textboxes I've written some code with google help. when i check the checkbox textbox get visible when i uncheck the checkbox textbox dose not get invisible. I need both function show and hide I hope you got my point is
Map not displaying in jQuery tabs (newbie)
Hi all, I think there can be a general problem with maps displaying in jQuery tabs ie that they display ok when in the first tab but do not display when in any other tab. The problem I think is that hidden content has no dimensions and so, except for the first jQuery tab, a map needs to be somehow re-triggered or resized. I have seen this problem mentioned concerning Google maps but in my case I am using Leaflet maps in Drupal. The problem and a suggested solution (not yet working for me) are demonstrated
jquery datepicker - dates in advance excluding weekends
I have set up the date picker so that no weekends are selectable and the earliest date to pick is four days in advance. I would like the four days in advance to also exclude weekends but minDate includes weekends. Does anyone know of a solution to this?
Two Google Maps in JQuery Mobile not working
I'm new at Jquery and I need to get two maps working on a page in JQuery Mobile. I can't figure out what I'm doing wrong. I've tried page.show and still nothing works. here's my code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"> <title>App</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css"
Carousel
Hi, I have a script for a carousel (slide images) simple, and it is inside a div css you're hide (), and when I open the div hide the first time the carousel is normal, but when I go out and buga carousel and return the arrow that moves the images appear longer than it should, can anyone help me? jsfiddle.net/fDetC ---------------------- Oi, estou com um script para um carousel (slide de imagens) simples, e ele tá dentro de uma div css que tá hide(); e quando eu abro a div hide da primeira vez o
Truncated text in header and footer in navbar
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I have header html something like following: <div data-role="header" data-position="fixed"> <div data-role="navbar"> <ul> <li> <a class="ui-btn ui-btn-inline ui-icon-phone ui-btn-icon-left" href="../common/notifications.html">Notifications</a> </li> </ul> </div> </div> This hyperlink text 'Notifications' gets truncated on the mobile screen(I observed in chrome emulator). After reviewing css found out that css "display: block;" was causing this
Jquery array iteration json
I need to iterate through the json object hierarchical. Children function does not support json objects(Only Dom). Is there way to iterate through the json obects? Question in Stackoverflow B L Praveen Web Developer
What are the data driven UI's available?
I a new to this forum and Jquery in general so this may sound redundant because I can not find much on google. I have been practicing with UI and like what I see so far but my application is mainly data driven from an oracle dB using node.js. Anyway what widgets are available for data intense presentations such as a list box, drop down list, grid and etc...? Are these widgets available in jquery UI or do I need to look for another UI type of library?
support IE11 in jquery mobile 1.0
Hi All, I have jquery mobile 1.0 on my web site with no possibility to upgrade. I need to implement IE11 support to jquery mobile, I found some documents and forum posts that helped me a bit but I am still not able to bind the MSPointerDown to touchStart, MSPointerMove to touchMove and so on in order for it to work as it should. Does any1 have any knowledge/recommendations? Thanks
jquery mobile 1.4 text-overflow: ellipsis; chrome
Hello, Text on buttons keeps being truncated on chrome with a ... I am assume its text-overflow: ellipsis; or something similar, is there a way of stopping this. I am unable to find a solution. white-space: normal !important; overflow: visible !important; resize: none; etc Cheers Greg
Jquery mobile 1.4 navigation problems and ajax disable problems
The new jQuery mobile navigation is really causing a lot of trouble. Most of the bugs are not visible at all. Have a look at this for example: I have a 3 page structure like this: index.html test.html folder1/page1.html I use this script for navigation: $(".navigate").on("vclick", function(event){ event.preventDefault(); $.mobile.pageContainer.pagecontainer ("change",$(this).attr("id")+".html" ); }); Each page has a link like this: index.html => <a class="navigate" id="test">TEST</a> test.html =>
FancyBox
Como faço para obter o título de fancybox como no facebook, e / ou como eu colocar mais palavras no título de fancybox (cabem tão poucas)? ---------------------------- How do I get the title of fancybox like with facebook, and / or as I put more words in the title of fancybox (fit so few)? <script type="text/javascript"> $(document).ready(function() { $(".fancybox-button").fancybox({ playSpeed : 500, prevEffect : 'none', nextEffect : 'none', closeBtn : false, loop : false,
Jquery plugin on wordpress
Hi i'm using a jquery plugin for our wordpress website. I would like to reorder the way the slides are appearing on the home page. Can I do this without using another plug in etc?? We have been adding images to the slider by creating a blank page and then setting whatever image we want in the slider to the featured image and then going into the appearances and checking that page to appear in the slider. If I'm doing this wrong or there is an easier way please let me know! Thank you for the help.
jQuery and Safari 5.1.7?
Hi all. I believe that Safari has stopped updating their browser for the Windows platform. That is the last version of Safari for Windows operating system was 5.1.7. They have more recent versions for their Operating system. How does jQuery determine if the vendor prefix (-webkit-) is needed as the two versions diverge? TC
Best way to process form data created with jQuery Mobile?
Hi all, In advance, I appreciate any help and advice anyone has to offer. I'm currently creating a form that takes basic information e.g. name & email in Dreamweaver using jQuery mobile. The question is, what is the best approach to process the information once a user hits the submit button. I've been told to use Ajax - but can't get to grips with it. Would a normal php file work in this scenario? Sorry if I sound naive, but this is all new to me. Thank you!
Is fancytree compatible with jquery 1.10.1+ ?
Hello, I tried using fancytree with jquery 1.11.0 - but the tree was not displayed. It works for JQuery 1.9.1, JQuery UI 1.9.2. How/Can I get fancytree to work with 1.11.0? The source as input into JSFiddle is below: HTML: <div id="tree"></div> <button id="btnRefresh">Refresh statuses</button> Javascript: $(function () { $("#tree").fancytree({ source: [ { title: "Item 1", lazy: true }, { title: "Item 2" } ] });
How to keep a scoring history?
I have written a small app using jQuery Mobile and Phonegap in which the user is given some text to correct and when he is finished he clicks on a "Get Score" button and is shown in an alert how many answers were correct and how many were incorrect. I would like to improve this so that after being shown the latest results the user is shown his score for today and for previous days. I started by adding a page with a text box and then comparing today's date with the last date used which lis stored
fixed header ipad bug
Hello All! I am working on a command line interface for a custom device. As such JQM seemed like the perfect solution with fixed header and footer panels. While everything seems to work properly on a desktop computer, there is a problem on the ipad. The problem is that the "fixed" header and footer breaks when the content in the main div changes dynamically. The code example provided below will work to reproduce the problem. Type in the textbox in the fixed footer and press enter several times. Repeat
HELP.......APPEND
Ciao Ragazzi, mi occorrerebbe un'aiuto sto provando da giorni ma senza successo, dovrei riuscire ad utillizzare questi campi in imput tramite delle chiamate al server, mi spiego meglio. il codice è il seguente : http://jsfiddle.net/Lm9mp/8/ praticamente in REGIONE DI NASCITA la lista delle regioni scelte me la deve prelevare dal server, e in base a quello che inserisce mi deve dare le relative liste in COMUNE DI NASCITA e PROVINCIA DI NASCITA. ES. REGIONE DI NASCITA (mi deve caricare la lista delle
JQuery Text Slider not working
Hi all. Had this JQuery Slider on my website, Not working now (when it was 3 days ago). Here's the code: Any thoughts? <!-- First Band (Slider) --> <!-- The Orbit slider is initialized at the bottom of the page by calling .orbit() on #slider --> <div class="row"> <div class="twelve columns"> <div id="slider"> <data-bg class=" slide slide-1" title="Americas Top Soccer Camp"><span class="line-2">NEW SITES FOR 2014<span class="line-2"></span><br /> <div data-bg="/images/bg-1-soccer-camp.jpg" class="slide
Detach / Append - multiple button clicks
I've got following problem with this script snippet: http://jsfiddle.net/lluuccaass/cxMBR/3/ this works pretty like I want it. As long as I click only one time at the buttons. But after clicking a button multiple times, it stops working. I want to exclude / detach / remove content BBB by clicking button AAA and vice versa. Unfortunately I am not able to solve it. I would really appreciate your help. Thanks!! ps. show/hide is no option.
HELP ME- LOGIN PAGE
Buongiorno, Avrei bisogno di un'aiuto nella realizzazione di una LOGIN PAGES al seguito di un login di un'utente registrato sul sito che sto realizzando. di seguito vi posto il controller e il richiamo dell jsp e il javascript CONTROLLER : @RequestMapping("/login") public @ResponseBody String login(HttpServletRequest request, @RequestParam(value="u", required = true) String username, @RequestParam(value="p", required = true) String password) throws IOException, ParseException{ String page =
slider is not looping...
pls check this http://jsfiddle.net/LycKA/1/ first loop is successfully happening.
Required Help
Dear All, Kindly I need yours help to solve my problem: I am using below code to convert the keyboard language automatically to arabic, but below codes remove maxlength for the input type text on my application: /* ArabicType Version 1.3 (24/07/2013) Revamped by: Alaa Salem * ver Developer Date Comments * ----- ----------------- ---------- ---------------------------------------- * 1.3 Alaa Salem 24/07/2013 - First version * 1.4 Hamzeh Abu Lawi 31/10/2009 - Fix
Link Bubble (aka. "mobile browsing done right") for jQuery Mobile?
https://play.google.com/store/apps/details?id=com.linkbubble.playstore https://news.ycombinator.com/item?id=7453897 What do you guys think? Can some of these ideas be transferred to jQuery Mobile or ones jQuery Mobile app, or have I completely misunderstood things? Thanks! Frank
Adding Resizable to Twitter Bootstrap Panels
I have x number of basic Twitter Bootstrap Panels http://getbootstrap.com/components/#panels-heading that share a class name of car-panel. This is not working for me. <div class="panel panel-default car-panel"> <div class="panel-heading">Car: {{$car->name}}</div> <div class="panel-body">Blah, blah, blah....</div> </div> $(function () { $(".car-panel").resizable({ handles: "n, e, s, w" }); }); Is a Bootstrap Panel a weird case that can't be resized or do I need to do something special?
JQuery mobile page height issue with safari
I'm trying to code a simple html page with a JQuery-mobile header and a map (using nokia here map api). I want the map to fit the whole screen, so I tried to compute its height by taking the screen height and then subtracting the header height. After some attempts to get the right size, the result is good on every browser I tried except on Safari for Ipad: with the latter, the map has the right size, but the page can scroll a little if you touch the header and you can see about ten "extra pixels".
Jquery mobile ajax single page navigation throws an exception at xhr.send() in jquery??
Am working on a phonegap for windows 8 application. I took the single page model of Jquery mobile and used the ajax approach for navigation between different pages. Consider I have two page as follows. 1)Page1.html 2)Page2.html On clicking a button with event handler $.mobile.navigate("Page2.html"); on Page1.html.. I navigate to the Page2.html and on clicking another button in page2.html with event handler logic window.history.back(); I go back to Page1.html. But again when I try to navigate by clicking
Next Page