jQuery Mobile Static Progress Bar
What's the best way to create a simple jQuery Mobile friendly Progress Bar? I don't need a dynamically changing progress bar (ajax updating). I thought about just using a slider. I just need to occasionally set it to a value.
Pop Up in navbar and tabbed content
Hello all! I am creating a navbar that will be used as tabs. All is working well with the tabs. I would like for the last link in the navbar to open a popup with a list. The popup doesn't come up when it is in the li tag of the navbar. When I remove the li tag from the popup menu item it works just fine. Also it will work if I remove the data-role="tabs" from the outer div. The pop up content is located inside of a data-role = "page" which is something I noted from the docs that is required.
lightbox stopped working
Not sure what is wrong, it just stopped working... http://theartoflovingcatsanddogs.com/art-item/simply-siamese-38/index.cfm
Using Draggable with Sortable Widgets, making unexpected response
Hello, There! Please check the link below, to see what I'm talking about. I'm trying to make a list of items (draggable list), and another sortable list. I used the receive event to detect the new item and add css (color: red).. what i expected: is that, the new item in the list will get that css color. but: it just apply that css effect to the original item http://jsfiddle.net/Husamuddin/262cf/2/
How can I make a slider like this?
Hi guys, Please take a look at the TOP slider on this page: http://www.honeycuttmanufacturing.com/ I love the way the images slide in from the right and then the text fades out ready of the next one etc... can anyone recommend a jquery plugin I can use to create such a slider or give me any tips etc?... would be much appreciated... -thanks Antoni.
Changing the slider bar
Hi I'm trying to change the look of the slider bar. My bar is suppose to have a grey background and the sliding tab is suppose to be green. I downloaded the jquery ui slider, but it doesn't seem to be working. Here is a jsfiddle to show what my slider looks like. JSFIDDLE
issue on android 2.3 : document.location.href
from javascript i would like to navigate between html pages, but on android 2.3 i have an issue withe document.location.href = "#Browsing"; it doesn't works. while on android 4 and above it works. anyone has an idea/ thanks
Scrolling issue on a page with many Checkbox Fieldsets (ControlGroups)
I have a fairly long page of 40+ checkboxes. The checkboxes are grouped in ControlGroups (Fieldsets). After scrolling down the page some, I notice the after tap action stylings get applied to a different checkbox (several checkboxes above it). This happens when you Tap on a checkbox approximately 1/2 way down screen. Scrolling down changes where the styling is applied; it seems to be based on position. The checkboxes towards the top half don't experience this issue. Also, the problem only occurs
When inserting data on DB using TinyEditor it appears empty
Hi everyone , I'm trying to use a text editor "TinyEditor" When i click on submit it gives me a msg "Coment added" but when i see the DB i find only empty :/ This is the code : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>TinyEditor - JavaScript WYSIWYG Editor</title> <link rel="stylesheet" href="tinyeditor.css"> <script src="tiny.editor.packed.js"></script> </head> <body> <form id="form1" method="post" action="index.php"> <textarea name="tinyeditor" id="tinyeditor" style="width:
IF statement only works two to three times
I'm trying to make this page working that has a vertical line of pictures (thumbnail-sized) which you can then click on to make them scroll to full width and show lots of text and happy stuff. I've already managed to do all that. However, if I click on one thumbnail, any open thumbnails are supposed to close. I've implemented an IF statement and class-checking for that: $("a#shins-rec1").clickToggle( function(){ if ($(".shins-rec").hasClass('done')) { $(".shins-rec").filter($(".done").not($(this))).animate({
How to custom validate date for Validation Engine
Hi everyone, Please help me how to custom the validation engine for this rule: - Validate by mm-dd-yyyy I tried change the pattern in jquery.validationEngine-en.js into this, but it still error! Regexp from: http://www.sitepoint.com/jquery-basic-regex-selector-examples/#.T70st0VYvg8 - I want just only 18+ people can join. So where do i need custom? And how? var pattern = new RegExp(/^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)dd$/);
Close popup div when clicked outside
I have a popup div that shows only when clicked on particular button. It even hides when clicked on the same button. My problem is, i also want to hide div when clicked anywhere outside. In fact, if i click on my screen, outside the popup, it will hide. But if i touch the screen and scroll it down or up the popup still there !
Problem loading content from remote site
Hi, I Have a problem loading content from remote site into my site with load function. Images and links don't works. Any solutions please? Here is my code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" type="text/css" href="http://www.hyundai.si/_tpl/_css/master.css?50"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ var contentURI= 'http://www.hyundai.si/ponudba/ceniki
KEEP CHECKBOX CHECKED AFTER SUBMIT AND REFRESH/RELOAD PAGE
I have some view like this: [CODE] <%= form_tag( riepilogo_path, method: "post", id: "sel") do %> <% for posti in @postis %> <%= check_box_tag "posti_ids[]", posti.id %> <%=h posti.numero %> <% end %> <%= submit_tag "OK"%> <% end %> I want to check checkbox and keep checked after submit and refresh or reload a page. I write jquery code like so. But it is not works. [/CODE] [CODE] $(document).ready(function() { $("#sel").click( function(){
Dinamic list of elements
Dear all, hello :) I have problem with color of list elements. It is <li> tags, every with diferent id ... id='elem_li'+i ... i is 0 for first, 1 for seconde.... Every list have <div> with text with index i and id 'text'+i and some buttons delete, save and edit with same... I have color and hover function - that i do with moduo i%2==0; Thats all works, but problem is when i delete odd or even element, i have to same color one neer other.. How that i can fix. Maybe with for or each loop but i dont
Tabs setting active
Hi, I am trying to set the active tab, I intend to go on and use the local storage to record the tab a user last selected and display that tab when they return. However I am falling at the first hurdle and cannot get the 2nd or 3rd tab to be active on page reload. <script> $(function() { $("#tabs").tabs(); $( ".selector" ).tabs( "select", "tabs-2"); }); </script> <div id="tabs"> <ul> <li> <a href="#tabs-1"> Nunc tincidunt </a> </li> <li>
Set cookie dynamic based on id
Hello! I have an Array of items, comming from a data source. What I want to do is to change the background color of the outher div when the user clicks on it. I have and id that can be a number from 1 up to let's say 100. I cannot do this with CSS because of the page will be refreshed after a click so I would like to set a cookie for this. However I cannot figure out how to do this. I use thie jquery.cookies.js <div class="xxx" id="{@ID}"> <a class="yyy" href="example.aspx?Title=@Title"> <div
Issue on Loading Data From MySQL to JavaScript Array of Array Using jQuery Ajax
I have a php and jquery code like below <script> $( document ).ready(function() { var data =[]; $("#submit").on("click",function(){ $.ajax({ type:"POST", url:"map.php", success: function (html) { $('#message').html(html); } }); }); }); </script> PHP <?php define ( 'DB_HOST', 'localhost' ); define ( 'DB_USER', 'root' );
trigger optional param is undefined
I am using jQuery version 1.10.2 I am trying to pass an optional arguments to the click event from trigger... but I am getting an undefined parameter instead.. $("[data-id='" + x[i].itemID + "']").trigger("click", 'something');// line from a different function $(document.body).on("click", ".chb-g", function (event, param) { alert(param); }); so its fire, but the parameter get undefined, and so the 'event. Data' as well get undefined
Modals in responsive design
Hi, I have modals on the images on this page: http://www.johnfieldformalhire.co.uk/evening-wear.html I was wondering how I can rid the the images of their modal links when viewed on mobile as the pics don't need to be shown any larger at that size. I thought about hiding all the content and displaying a simplified version with display:none in the media queries but this seems as though it's long winded and using too much code. Cheers if you can help. R
link widget, is data-dom-cache meaningful?
since the linked to page has data-dom-cache, what does the attribute data-dom-cache on the link mean? does it override anything? just tried, and it does not seem to make any difference. a confirmation of no meaning will also make me happy. thanks.
Problem about Cross domain
I am a ASP.NET Developer working on Jquery . In AJAX i am using external url for data retrieve in same domain but different website . My Method is working in IE8 But in IE11 ,when i use external URL ,i am not getting data .it does not show any Data in Success Function .
Bootstrap datepicker doesn't get the value
Hello! I am using bootstrap datepicker , but the problem is that the value is empty. I have this function: public static function date_bootstrap($name, $id, $value = null) { $input = '<div class="col-lg-3">' ; $input .= '<div class="input-group input-append date" name = "'.$name.'" id="' . $id . '" data-date="12/12/2012" data-date-format="dd-mm-yyyy">' ; $input .= '<input class="form-control" type="text" value="' . $value . '" readonly="">'
jQuery Mobile Sliders within slider group can influence one another
Hi, I have an odd issue I can't seem to resolve that involves jqm slider widgets. The problem does not occur regularly and only on my Android phone when using the Phonegap app I have created which uses the sliders... I have around 8 pages that contain different groups of sliders (groups of 2 or 3 sliders per page). Aside from the sliders responding slowly on my phone, the sliders seem to work fine save for one irregular problem- if I drag the handle of one slider and then change to the handle of
Hoverfold (links inside) not working properly in Chrome
Hello, Please see berryfarmssubdivision.com/lots.html Under Chrome, the links inside the view window aren't working on the far right side. I styled with an underline to highlight the links. The links work in the other view windows. Under Firefox and IE, the links in the right side view window works. I've duplicated that code on the right side and started another row so that the window is on the left side to confirm that it does work. Thanks
$.mobile.pageContainer.pagecontainer("change", url, {reloadPage}) is not removing the existing page?
if i do $.mobile.pageContainer.pagecontainer("change", "somepage.php") and sompage's data-dom-cache="true" and has a page div id="myid" now go back to the from page, "#myid" is in the dom because data-dom-cache="true" now do $.mobile.pageContainer.pagecontainer("change", "somepage.php", {reloadPage:true}) from my understanding, this should remove the contents of "#myid", basically do $("#myid").empty() and put the new content into "#myid", but jqm does not empty "#myid" instead it inserts another
is there a data-reload or data-reloadPage on a link?
since the $.mobile.pageContainer.pagecontainer("change", url, {reload:true}) or {reloadPage:true}, does a link have a similar attribute?
internal page navigation with data-dom-cache="true" or "false"
when i have a multipage jqm application, does it make a difference if the attribute data-dom-cache is set to true or false when navigating between pages of the same document? i looked at the dom, that div is never removed from the page. so data-dom-cache is only significant when navigating to an external page. am i right or wrong? thanks for your thoughts.
is it a bug? $.mobile.pageContainer.pagecontainer("change", url, {reload:true});
have anyone notice this? according to the documentation for version 1.4.2 reloadPage (default: false) Type: Boolean Note: This property is deprecated as of jQuery Mobile 1.4.0 and will be removed in 1.5.0. Use property reload instead. Whether to force a reload of the page even when it is already in the DOM. Used only when the 'url' argument is a URL. but with reload:true, it does not force a reload only when {reloadPage:true}, reload will be forced.you can test it to load a url (in my case, just
How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?
Using the "max-width" property doesn't work for IE an Firefox, but it does for Chrome. I am not interested in the reason of that, but in a solution, a way to simulate these property if I have an image inside a table that I want to be resize if the width of the table changes.
first tab content not displaying by default
Hello all Forum Members, I am using Jquery version 1.7.1 on my webpage. I have several div's on my webpage. In each div, there is one tab container containing 3-4 tabs. on link click, I am displaying only one div at a time. Problem, I am facing is that first tab content not displaying by default. Code I am using: $(document).ready(function () { //Hide all content $(".tab_content").hide(); //Activate first tab
Wow SLider issues
HI, This is prachi. I have used wow slider animation but it's not working in Internet Explorer 9 and 8 . Can Someone Help me
New To jQuery and Mobile App Dev. Need Recommendations
I want to build a car parts interchange app. Basically I want the app to allow the user to select three fields from drop down menues: year, model, and part, then perform the search against a database and then I want it to return "This part is interchangeable with: (list all of the cars the part interchanges with). What I need to know is: 1. Is this possible to use drop down menus for search queries against a dataase? 2. Is it possible to have it so that the app database is stored locally on the
how to clear browsing history?
i have an index.php (all page divs are with data-dom-cache='true') as a multipage document. the first page is a div "#index", and other internal page divs. but from it people can go to other pages (not interval to index.php). when people go back to "#index" (from a page not internal to index.php), href="#index" is not going to work since other pages are external and not fetched through ajax. so I set href="index.php". since all the page divs in index.php are with data-dom-cache="true", clicking on
Problem with taphold and click on same element
I need a click event on a 'A' element buttonified to do one thing But if the user longpress (taphold) the same A, another thing must happens. The problem is that after taphold is triggered, and user leave the finger, the click event is fired. I tryied event.stopImmediatePropagation() but without luck. How to resolve this ?
Popup not styled
Hello, I've a problem when I click on my button for opening the popup dialog. Actually, the popup doesn't accept data-theme="a", data-theme="b", data-theme="c",...I'm obliged to use css style with "background-color:#4b88b6;" and also, the button 'OK' is not styled with JQuery mobile. Do you have a solution ? Thank you <script> $(document).on('pageinit', function (event) { $("#connectionFacebookBtn").on("click", function (event) { $("#dialog1").popup(); $("#dialog1").popup('open');
Maintain scroll position on div when return to page
I have a div in the center of my webpage that contains a table the scrolls horizontally, the table is built in jquery and you simply scroll left to right. The column titles are the links, so that when a category ios click you go to a new page that contains all the documents in that column but htis time you can click to view them. What Im trying to do is then when they click to return to the page, I woudl like the scroll bar to return to the position it was in. Start of output from source code <div
jQuery to activate all div title tags
Hi, How can we activate all the child div title attribute using "mouseenter" event on the parent div? Normally one has to hover individually on each and every div to see the title attribute. Thanks Zia
Quick Search (Hide Headers)
I'm a bit lost on how to do this. So basically I have a page with a search bar and some cards with countries and addresses in it. And these cards are grouped according to continents <div class="find-content"> <div class="left"> <h1> Asia </h1> <div class="cards"> <p>Singapore</p> <p>Some Address St. Singapore 12345 </p> </div> <div class="cards"> <p>Malaysia</p> <p>Some Address St. Malaysia 12345 </p> </div>
Better Date Handling - Calendar or Something
Hi, I am fairly new to javascript, but I get the basic syntax and how to add it to html pages. I am looking for a solution to record dates and then automate some, if not all of the handing of 1) an event page and 2) date display within a newsletter. 1. For the event page: a I add them and manually remove them at www.ilovemylaser.com/gatherings.html. b I create a registration button which takes people to web page, generated in another software, infusionsoft. c And I make a link to a flier (made in
Next Page