close dialog from form loaded into it
Hi, i have dialog window into which i load external php file with a form. in the form it is possible to select the image using the set of radio buttons. once the radio button us selected there is a "Submit Form" button which shoud update some fields in a form on parent (opener) page and close the dialog. it is all more less working but i cannot close that dialog window. please let me know if you see some glitch in my code which causes closing not working. $('#intro_image').click(function()
Dialog + Datepicker
Проблема если закрывать диалог после выбора даты перекидывает на hash # из-за этого перекидывает на начало страницы Problem if to close dialogue after a date choice throws on hash # because of it throws for the page beginning $("#popup_calendar").datepicker({ onSelect: function() { var zn = $("#popup_calendar").val(); alert(zn); $("#dialog_calendar").dialog("close"); } }); Full code: <html> <head> <title>Зв</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
jquery datepicker not working in popup
1>i have include below code inside <head> section <script> $(function() { $( "#datepicker" ).datepicker({ numberOfMonths: 1, showButtonPanel: true }); }); </script> and 2> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> document.getElementById('popupBlow').innerHTML="
File input + mini-gallery widgets for jQM 1.2.0
Hello, I just finished a file input and a mini-gallery widgets for jQuery Mobile 1.2.0 I tested tested them on : Android 4.1 Internet Explorer 8-9-10 Chrome 23 iOS 6.0.1 Every feedback is welcome, Have fun
Slider stuck on Nokia Lumia 900?
I've discovered a problem on my mobile project when using Nokia Lumia 900 - Windows Phone 7.5 - IE 9. It turns out that the Sliders does'nt work as expected with this particular setup - You can, however, fill out the textboxes manually, but only move the sliders if you tab on the slider rail. I use the following setup on my website (I've tested both with, and without ajax enabled/disabled): <script src="/scripts/jquery-1.8.2.min.js"></script> <script> $(document).bind("mobileinit",
Jquery validation remote rule
Hello there, im have a problem concerning jquery validation using a remote rule. The value of a text input cant be accesed from within .validate() part of the html form .... <div class="fieldgroup"> <div id=inputs>Username</div> <input type="text" id="UserUsername" name="data[User][username]"> </div> .... jquery validation: $(document).ready(function() { $("#register").validate({ rules: { "data[User][username]": {
ThemeRoller and No Styling for Selectable
Hi guys, I've encountered a problem when using Selectable with the ThemeRoller. Using the Selectable example code at first I thought it did not work at all, but on closer inspection it does and the li elements have the appropriate classes (ui-widget-content, ui-selectee, ui-selected) but there appears to be no CSS for ui-selectee or ui-selected. Upon googling this I came across a question on Stack Overflow where someone else had the same problem. Is this a known bug? Is the best fix simply to edit
Problem in IE7 / IE 8 with Accordion
Hello everyone! I hope you all have a good day. Since yesterday i am using jQuery and i love it. But in IE 8 i can't use the Accordion I can click as often as i want ... nothing happens... Here is a port of my code <div id="navigationlinks"> <h1>nach Typ</h1> <div> <li>Typ A</li> <li>Typ B</li> </div> <h1>nach Standort</h1> <div> <li>Stuttgart</li><li>Berlin</li><li>Nürnberg</li><li>Düsseldorf</li> </div> <h1>nach Zeitraum</h1> <div> <input type="text" size="10"name="datum" id="datum3"/>
How to put html link in a carousel image jquery mobile?
I have developed an application in JQM using carousel effect. I want to make those images hyperlinked. I want to put html link inside those images so that when you slide and see those images, by clicking on that image it will navigate you through one html file. Below is my code, instead when i use this code the sliding is not taking place but the links are working fine. <!DOCTYPE html> <html> <head> <title>jQuery Mobile</title> <meta name="viewport" content="initial-scale=1.0,
How to override widget functions or extend
Hi, I'm looking for best approach to override widget functions. For example I was trying to override changePage function like this. I was looking to implement a condition check around active.url code. I'm also looking to override selectmenu with dialog box where i need to position close button to the right corner. $.mobile.changePage = function(){ }
jQuery Cycle and custom pager navigation
I'm using jQuery cycle to scroll between div's on a single page site. Using hashes in the anchors is not working, as I think cycle is preventing the slider changing. The markup looks like this; <nav> <ul> <li>Our challenges <ul> <li><a href="#explore">Government Current & Emerging Policy</a></li> <li><a href="#industry">Industry Challenges</a></li> <li><a href="#bis">BIS Objectives</a></li>
How to achieve the same effect on input text? PLEASE
Hello friends. I need help to achieve the same effect of text input, as the input button "iniciar sesion" on this page: https://www.dropbox.com/ Some help please (jsfiddle) MIKEPIANIST
Dotdotdot.js after and callback features - can't hide a link
Greetings, I'm trying to use dotdotdot.js to ellipsis-truncate text in divs and other containers. Using dotdotdot I can specify a container I want to receive ellipsis-truncation: $(document).ready(function() { $(".truncated_box").dotdotdot({ after: "a.readMoreLink", callback: hideLinkIfNoTruncation }); }); dotdotdot will truncate text inside containers with class truncated_box, and add an ellipsis and a link with the class readMoreLink. However, a.readMoreLink
hwo to get the container to move up when div slides down
Hi, I'm new to jquery so please bear with me! I'm using the below jquery to make a div slide up and down - basically when you click on an image a div containing text appears below. This works great apart from when the image is near the bottom of the screen it slides the text down but below the fold so you cannot see it without scrolling down. Is there an easy way for when the div slides down for the whole screen/container to move up so the text is always readable on screen without having to scroll?
Jquey mobile listview
Hello, i tried to generate list view dynamically in SUP.when i request for the first time it is working fine.when i come back from the screen and again calling the same screen list view is not loading it is displaying plain text.Code which i am using. function customBeforeNavigateForward(screenKey, destScreenKey) { if (screenKey == "Start" && (destScreenKey === "Screen1")){ var htmlOutput = ''; var firstChar = ''; var approverName ='xxx' ; var
Please help!
I'm so frustrated right now! All I'm trying to do is create a simple lightbox. I'm also pretty new to coding, so I'm assuming there's something really simple that I'm missing. The problem is that when I click on the thumbnail, the larger image does not display correctly. Will somebody please take a look at my site and tell me what I'm doing wrong?! Thank you! http://www.turtlecell.com/ Holly
PhP form and datepicker Vaildation
Am trying to use my php form vaildation to check the form field of the datepicker for a empty field, on submitting of the completed form. I think i need to pass ( what is inside .datepicker() ) into the vaildate form field. But dont know how to do it.. The code below all works, But as datepicker makes it's own form input how would i include that into the Vaildation i have. This is my php code : <?php // Set email variables $email_to = 'andy_tvw@yahoo.co.uk'; $email_subject = 'Form submission';
Multiple getScript
Hi, I'm using $.ajax({ url:url, type: 'GET', success: function(msg) { var script = 'http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fc4067b3e4cdc18#domready=1'; if (window.addthis){ window.addthis = null; } $.getScript( script ); } }); How can i add new another
TableSorter doesn't kick in
Hi, I'm still getting used to JQuery and tablesorter so this is probably really stupid but I can't seem to figure it out. I have a simple table and I am applying TableSorter to it but the table is not becoming sortable. You can see the problem at http://www.bcconsultingservices.biz/test1/test.html. When I view source, I see everything in the right place. It is picking up the css just fine but it is not loading the JS even though the links to the js work fine when I click on the in View Code (firefox).
Buttons not displaying as expected
Hi all, I'm trying to get some buttons working, but they are not looking as expected. Any ideas why? I've just cut and paste some examples from here : http://jquerymobile.com/test/docs/content/content-grids.html Code <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="jqm/jquery.mobile-1.2.0.min.css" /> <script src="jqm/jquery-1.8.2.min.js"></script> <script src="jqm/jquery.mobile-1.2.0.min.js"></script> </head> <body> <div data-role="page" > <div data-role="content"> <fieldset
Style link for current page
I'm using this to animate link color on hover... <script type="text/javascript"> $(document).ready(function(){ $(".hamenu a").stop().hover(function() { $(this).stop().animate({ color: "#a56a32" }, 500); },function() { $(this).animate({ color: "#5f6062" }, 1000); }); }); </script> I now want to apply the hover color to the link that matches the current page. I found this code... <script type="text/javascript" charset="utf-8"> //<![CDATA[ jQuery(function()
Calling a function if checkbox is checked instead of onClick
I need to call this function if a checkbox is checked instead of being triggered by onClick: onclick="toggle_colorbox(this);" How can I insert it into the following function? $('.Colorbox').change(function() { if ($('input:checkbox[name=colors_love[]]:checked')) { } }); Function toggle_colorbox(td) changes a boxes opacity and displays a check mark to indicate that a color has been selected, but because I am pre-selecting the values matching a user's account information, I need
jQuery .load() function wait for images and js
My index.php content is: "HELLO WORLD" My myfile.php content is bigimage.jpg (10mb size and will load for 20 seconds). On index page i fire $('body').load('myfile.php'); and I want it to wait till image is loaded (dont change HELLO WORLD text). And when image is loaded, then instantly replace old body 'HELLO WORLD' with image that is loaded at the moment. something like: $('body').load('myfile.php',[change DOM when myfile.php is fully loaded]);
How do I detect than any one of group of radio buttons are clicked?
I have a group of radiobuttons: <input type="radio" name="group1" value="1" />1 <input type="radio" name="group1" value="2" />2 <input type="radio" name="group1" value="3" />3 <input type="radio" name="group1" value="4" />4 <input type="radio" name="group1" value="5" />5 I want to detect when the user clicks on any one of them. It does not matter which. So I tried the following, which does not work: $('input[name=group1]').click(function () { $("#textmsg").show();
JQuery JSON data parsing in java for a tabular view?
I want to view an information in tabular on client side. i can retrieve the information from the file. But How I can parse the JSON data into tabular(table ) view in Java? Is there any plugin I should use?
JQM Drop downs in header and event handling
Hello i am trying to make a JQM Webapp with 2 drop downs in menu bar something like - Menu 1 Title of Page SubMenu 1 ------------------------------------------------------------------------------------------------------------------------------- Menu1 has 5 Main options and Menu2 has 5 sub options , like if user selects a option from [First Menu ] 5 options will show up in Submenu1 and there will be an HTML page for each submenu. [so total there will be 25 pages]
Can i do image sliding (Carousel) in jsps for mobile?
I need to design a jsp page for mobile where i need to put some images and these images has to slide one after another with the swipe of the finger (carousel feature). can anyone tell me how can i do that?
Hi there :) is there someone out who can help me add autoplay, for my scrolling slides!
$(document).ready(function() { myFunc(); $('a.link').click( myFunc ); } function myFunc() { $('#wrapper').scrollTo($(this).attr('href'), 200); setPosition($(this).attr('href'), '#cloud1', '0px', '5px', '20px', '30px') setPosition($(this).attr('href'), '#cloud2', '0px', '100px', '200px', '400px') setPosition($(this).attr('href'), '#cloud3', '0px', '15px', '30x', '45px') $('a.link').removeClass('selected'); $(this).addClass('selected'); return false; }
dialog and load() in ie8
I have a page (test.html) with a link to a dialog (dialog.html), that then loads a listview (list.html). This works in all browsers except ie7 and ie8. If I then make the dialog a separate page (test2.html) it loads the list fine in ie7 and ie8. Any suggestions/solutions? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Two minimal/simplified examples that represents my problem: https://zero3.dk/guru/testing/test.html https://zero3.dk/guru/testing/test2.html
Data-ajax true jquery mobile
I tried to try Data-ajax true and then link to another HTML file.. when the HTML file load via ajax.. content not load, and any js script not working.. any advice for me..? please help me..
Grid in jQuery based on Flex Grid
Below is the code which converts html table to jquery grid. I am using custom attributes like dataField, Sortable, ItemRendererFunction to display grid rows. Please copy the code to create test html file. I would appreciate feed back. Thanks! <!DOCTYPE html > <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>FlexLikeGrid</title> <style type="text/css"> body { font-family:Arial; font-size:12px; color:#000000; } .Rowgradient { background-color:
jquery superfish wordpress
Hello everyone, I've been staring and trying this for hours now, but I really just can't seem to get this to work. Can someone please help me install the superfish menu to my Wordpress Theme? I made a new theme with the Starkers one. I found a few tutorials on how to add the Superfish drop down menu but they all seem different, and I still just can't seem to get this to work. I really don't want to use the plugin. Please help me! Thanks in advance Stephanie
mousemove event inside mousedown
A little question about events. I have this code to scroll a div with self made scrollbars when the user selects text and gets out of the div. scrollPane.mousedown(function(){ scrollPane.off('mousemove').mousemove(scrollOnMove); }); scrollPane.mouseup(function(){ scrollPane.off('mousemove'); }); The code works fine. I'm just not sure if it's good to handle the events like this. Is the mousedown evenet fired only once? If yes it should be no problem. But if the event is fired constantly
How to make an RSS driven news content slider?
Hi guys! I was wondering how could I make this featured content slider http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/ work with RSS, so it would show the latest 4 news from my RSS feed, with an image, title and description. I looked for a solution everywhere, but I can't seem to find anything. Can you guys please help me? Thank you
Buttons select but do not perform their action
The following behaviour is observed in my jQuery Mobile 1.2 app in Chrome and also when deployed as a PhoneGap (Cordova 2.2) app on iPhone and Android: About 10% of the time, when I click a button, it highlights the button but does not perform the appropriate action. A good example is my navigation button bar because I'm not doing anything special: <div data-role="footer" data-position="fixed" data-id="navbar" data-tap-toggle="false" data-theme="c"> <div data-role="navbar"> <ul>
Can Ajax keep reloading/executing for multiple days without true refresh?
Ok, here's the scenario. I'm wanting to have a page open on a client for a long, long time. Say... one week or one month even. I've got Ajax sending requests continuously, sending a new request whenever data is received or whenever the initial request times out. Code essentially is: function doTempPoll() { $.get("api/feel/ac/currentTemp.php", function(data){ apartmentTemp.refresh(data); doTempPoll(); }); } doTempPoll();and on the server side, the server only sends data when something changes (in
How to use jQuery without a browser?
I've been using jQuery for several years now. I am now working on a project where I need to modernize a system of data records. In the current system I'm working on, there is a file for each record. The file contains the HTML of the form submitted by the user. I think that jQuery would be a great tool to parse these files. I've written some Javascript code that runs in CScript that enumerates and gets the text of each file. I would like to write something like this: name = $(htmlFragment).find('#txtName');
jQuery UI.tooltip position:fixed;
When using the tooltip widget (in development, I know) the positioning of the tooltip failes if my browser viewport is not on the top of the document (scrollTop > 0). The same happens in the demo at http://wiki.jqueryui.com/Tooltip. I have tested in FF3 and IE8. Changing the positioning from "position:absolute;" to "position:fixed;" in the tooltip css solved the problem. Is this the correct fix or is this causing other problems? Thanks, Bart
jqGrid cant get started with it
I have installed jQuery, jqGrid a customer ui with the corresponding theme. I have checked to make sure JQuery is working and that my links are correct. I'm a bit of a noob, so any help I can get will be much appreciated. I was thinking that at a minimun, something should appear, some default empty grid or what, on my test page after getting all pieces in place. Is that even close to right? My test page below contains some links to some home made js as a check for the links a jQuery call
Build a "copy" button to copy and paste text into a different program...
I have been building a program which generates text based on specific options and displays it in a pop up dialog box. I would like to have a button which, on click, will copy all the text that is displayed, so I can take it and paste it somewhere else without having to highlight all of it, right-click, and copy. Is there a way to do that?
Next Page