Using larger icons (30x30) in listviews?
Hello, I've found those icons I'd like to use in listviews. The icons have got a size of 30x30px. If I use the class "ui-li-icon" for the images, they gonna be resized to 16x16. <ul data-role="listview" data-inset="true" data-theme="b" data-dividertheme="b"> <li data-role="list-divider">Menu</li> <li><a href="/link1"/><img src="/images/icons/icon-mail.png" class="ui-li-icon" alt="" />Link1</a></li> </ul> If I don't use that class, the item will have a double height. How can I fix that problem?
How to use a select list to update a mysql db table
OK, I have a web page that has 2 select lists: select1 and select2. Using jQuery I can allow the user to put a selected list item in select1 list to the select2 list. Everything is ok. What I need is one of these possibilities: When the user clicks the Add button/link on the Attendees list. an event is fired that then gets the option value and puts that value into a MySQL db table. OR A button is at the bottom of the form and when clicked, some jQuery code is called that iterates over the select2
stopPropagation and preventDefault events do not work on mousedown events for form in inputs in IE7 & IE8
Greetings, See this jsFiddle: http://jsfiddle.net/RvvjX/11/. Internet Explorer 7 & 8 (and apparently 5&6) do not prevent defaults on form inputs and text areas. I don't expect jQuery to fix the browser in this circumstance, but I would expect the stopPropagation documentation to advise of this reality. Can this be added to the stopProp page? The discussion thread of the documentation page was closed 2 years ago...
Passing dynamic data with Jquery Form Plugin
I'm using the Jquery Form Plugin to submit a form with ajax on my wordpress site. I grab most of the fields from input data which is easy enough to process using $_POST but I need to add an extra array of data that I populate with jquery and then I need to send it with the formData so I can grab it in my php function that processes the form. So something like this. var options = { url: ajaxurl, beforeSubmit: validatePost, success: showResponse, type: 'post', data: { action:'process_'+ editType +'_edit_form',
what does greater than mean in this function?
what does greater then = ">" mean in this function ? $(function() { $('#tabs').tabs('#tabs_panes > div',{initialIndex:0}); });
JQM -display different html pages based on values in dropdown
Here is my code -http://jsfiddle.net/aVkgp/201/. I have a menu bar with 2 dropdowns in header - one dropdown to left and one dropdown to right. Now , left-dropdown has 5 options in it and right-dropdown has 5 options . I want condition somethign like this - if (left dropdown=="LD1") && (right dropdown=="RD1") - create an link to 11.html if (left dropdown=="LD2") && (right dropdown=="RD2") - create an link to 21.html if (left dropdown=="LD2") && (right dropdown=="RD3") - create an link to 23.html
Keep same layout for iPad when users rotate
Hi, Is there a way to prevent iPad to change the layout when user rotate it? I want to keep iPad in landscape mode even if user rotates it to portrait. Thanks
Content of page cut
Here you should see 2 identical pages. One of them will be cutted when I scroll down. The rounded end of the last listview element is not visible. I have no idea where the error is. Do you?
One time sliding nav
I have a requirement for a project that I am not sure I have ever seen before but basically I need to have a nav bar across the bottom of the screen on the home page, when the user clicks on a link the nav bar slides up the page locks into place and scrolls the content underneath to the appropriate page ( it's a vertical scrolling site ). The rest of the session it doesn't move. Any idea how I can achieve this or has anyone seen this? Thanks! Sam
Connect .html(), .append() and .prepend() to nested element within target
Hi All, is it possible to connect all the methods concerning adding/removing/appending html to an element to a nested element residing in the target? To give you some background, i'm using a jQuery plugin to enhance a DIV with nice scrollbars. The best one actually adds itself IN the DIV it needs to scroll, this works best if the DIV is removed from the DOM without jQuery knowing this. The only setback is when i use .html(), .append() and such the construction is broken. So i looked at the construction
How to trigger selected event of combobox ???
Hi All, I have implemented below function for selected index changed... $("#YOJ_TEMPLATENAME1_dropdownlist_YOJ_TEMPLATENAME1").combobox({selected: function(event, ui) I need to trigger this 'Selected' event at the end of my script.. How should i trigger this event...???? I have tried $('#YOJ_TEMPLATENAME1_dropdownlist_YOJ_TEMPLATENAME1').trigger('change'); But its not working....
jQuery Facebook Feeds XML Reading Problem...
Hello, My English is bad. I'm sorry if I write wrong. Facebook notifications, I want to take with jquery. Facebook RSS Link: http://www.facebook.com/feeds/notifications.php?id=135499233146253&viewer=100003775509758&key=AWi04GZM2EZSzqTY&format=rss20 I can do it with php. $dosya = xmlyukle('http://www.facebook.com/feeds/notifications.php?id=135499233146253&viewer=100003775509758&key=AWi04GZM2EZSzqTY&format=rss20'); $dosya = new SimpleXMLElement($dosya); foreach($dosya->channel->item as $yaz){ echo
jquery ui accordion need different actions for link vs. icon
I'm trying to use JQuery UI Accordion for a multi-level menu, like a Superfish menu, but with vertical accordion presentation instead. For example:- Home - Products - - product category 1 - - product category 2 The 'main menu' level items are linked to the corresponding page, so in this example, 'products' is linked to the 'products' page. In the accordion menu, if you click the '+' to open the 'products' menu, the 'products' link is activated and you are taken to the 'products' page. This seems
combining lazy loader and animated scroll to anchor
Hi, I am new to jquery and I really need help. I am using lazy loader from this site http://andersonferminiano.com/jqueryscrollpagination/ ,and I want to add animated scroll to anchor to this. It means that I have to jump to a div that's not has been loaded yet, and I can't make it work. Can any one can help me out? Any help will be appreciated!!
Error when calling popup("open")
I have a very simple single page JQM on Cordova(PhoneGap) app I'm "prototyping". In my index.html, I have this basic layout: <head> <script type="text/javascript" src="script/cordova-2.0.0.js"></script> <script type="text/javascript" src="script/jquery-1.8.0.js"></script> <script type="text/javascript" src="script/jquery.mobile-1.2.0-alpha.1.min.js"></script> </head> <body> <div id="homePage" data-role="page"> {content for this div} </div> <div id="nestedPage1" data-role="page"> {content
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="
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]
Next Page