Hover button arrow
Hi all, m.ideebv.com has a menu generated with wayfinder. You see that the menutext is white when hovered. But the black arrow on the right side disappears. I made a white version of this and I tried a several things to make a hover for the arrow too. In jquery.mobile-1.0min.css I add the following line: .ui-icon,.ui-icon-searchfield:hover:after{background-image:url(images/icons-18-white.png);background-repeat:no-repeat;} or .ui-icon,.ui-icon-searchfield:hover{background-image:url(images/icons-18-white.png);background-repeat:no-repeat;}
CSS problem
Hi, I'm having a problem changing page elements with JS. I'm trying to change my main page footer and header by using document.getElementById("mainheader").innerHTML = header ; the element changes but the CSS doesn't. what am i doing wrong? is there a way to refresh the CSS design? thank you, Guy
Generating Dynamic table in jQuery, and on each dynamic row create another dynamic table
Dear Reader, This is what I am trying. I will be calling a RESTful web service, and the response will be in jSON. I will be parsing this jSON object to get the key value pairs which will be divided to display in a tabular format like Key Value Key Value Key Value Till this I am clear on how to do this. Now how to display this dynamic data in a table using jQuery. I also need to display another table whenever row in a dynamic table is clicked. Here is how it will work. 1. call webservice 2. get data
Link within a clickable div.
Hi guys, I have a clickable div. Within this div is some text. I made a link at the and "- read more -" which shows extra text and hides the previous text. When this link, which is inside the div, is clicked I dont want the div to respond to the click. I used "event.stopPropagation();" for that. So far so good. However after you clicked on the link and the extra text is shown I dont want the div to react to clicks anymore. Since this would trigger the original text to be shown. I hope you understand
.load() method with external pages
Hello, I'm trying to include a page with load() method, but it doesn't work. The page I try to load is on a remote server (script on http://www.miosito.it, page on http://www.miosito.com). This is my code: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").load('http://www.miosito.it/jsprova/remoto.php'); }); }); </script> </head> <body>
Localhost CSS doesnt work well
Hallo, I have just started Jquery Mobile and am really impressed by it. Now I have a question regarding one of the files that the mobile web app connects online i.e jquery.mobile-1.1.1.min.css. If I put this link in the header section(<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> ) When I preview the app it shows the right arrow for all items in my list. But when I interchange the above link with my downloaded css such as <link rel="stylesheet"
link to external pages so i can still use transitions
I have a lot of seperate html pages in different folders and I want to know the best way to link to these external pages so i can still use transitions In my index.html page I have am using this script below to load them into the dom which seems to work ok but I was wondering if this was remotely correct or there was a better way to do this. <script> $.mobile.loadPage( "River/index.html" ); $.mobile.loadPage( "Heritage/index.html" ); $.mobile.loadPage( "Nature/index.html"
Generating Dynamic table in jQuery, and on each dynamic row create another dynamic table
Dear Reader, This is what I am trying. I will be calling a RESTful web service, and the response will be in jSON. I will be parsing this jSON object to get the key value pairs which will be divided to display in a tabular format like Key Value Key Value Key Value Till this I am clear on how to do this. Now how to display this dynamic data in a table using jQuery. I also need to display another table whenever row in a dynamic table is clicked. Here is how it will work. 1. call webservice 2. get data
click dont work in ubuntu chrome
hi . why this code dont work in chrome? $("." + periodo2 + " > a").live("click",function(event){ event.stopImmediatePropagation(); window.location = $(".updater").attr("href"); });
Button event speed
The event used to handle normal transition button taps in jQuery Mobile seems slow to me in Mobile Safari. It looks like jQuery Mobile is just using the default 'click' event, which has a big delay built in on iOS. I'm talking about buttons like this: <a href="#nextpage" data-role="button" class="imabutton">Next Page</a> If I set href="#" and bind the 'tap' event instead, it seems much faster: $('.imabutton').bind('tap', function() { window.location = "#nextpage"; }); This seems kind of sketchy
how to add runtime elements in htrml using jquery???
how to add runtime elements in htrml using jquery???
navbar height of 0
Just upgraded from 1.2 alpha to 1.2 rc1. The grid now has a height of 0 (also navbar and header). The blocks have a height of 33. <header class="ui-header ui-bar-a" data-theme="a" data-role="header" role="banner"> <div class="ui-navbar ui-mini" data-role="navbar" role="navigation"> <ul class="ui-grid-b"> <li class="ui-block-a"> <a id="divViewBtn" class="ui-btn ui-btn-inline ui-btn-active ui-btn-up-a" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-inline="true">
how to solve cross domain problem form jquery to WebService for setRequestHeader in beforeSend() method
please tell me the right solution to solve the solve cross domain problem form jquery to WebService for setRequestHeader in beforeSend() method, Already i posted more than two time regarding the cross domain issue still no one reply so please help , i struck for this past one week, how to do. Thanks
How Can I Achieve Instananeous Touchstart on iOS?
Can you point me to an example or demo of an immediate, instantaneous page change in a jQuery Mobile app? I want to be able to tap a link in jQuery Mobile and immediately show the next page. I know this is possible in iOS because: 1. Lightning Touch is able to do it without jQuery. 2. JoApp immediately begins to transition on touch end. The issue isn't the transition speed or length. The issue isn't necessarily relating to the taphold 300ms delay - but may be in part. I suspect in part that the issue
I can't get the back button on header
Hi everyone, I tried lots of times but I can't get the back button on the page's header. Can someone help me how to get it?
Question about syntax - using css inside jquery
I'm helping a friend build a Shopify site, so working with a CMS. They would like the names of the items to have one letter that has a custom look to match the way the wording is on the package of the products. Basically, the items all contain the abbreviation "No.", and they would like the O in that to be kind of superscripted and underlined. In the product descriptions, this is no problem, using a <span style> to control the styling of the O exactly like I want it to be. The names of the items,
Slider update page on slide
Hello; I use a technique to update div without page reloads like this sample where it says:type destination or hotelname here. My code updates the div like this: function hotels() { $.post('reloads/sep_list_refresh_jquery.php', { city: document.form.city.value, altFormat: document.form.altFormat.value, nights: document.form.nights.value},function(output){$('#hotels').html(output).show();}); } Now I need a similar but different functionality. I want to
trying to get an ajax call to work.
I'm just new to ajax and I'm having some trouble getting results to display when the controller is returning an emtpy array. What I'm trying to accomplish is to display a combo box when the user clicks on a control called L1Locations. If it's an empty array, I don't want to display a box at all. But right now, it always displays a combo box. Can you tell me where I'm going wrong? the output i get from my controller looks like this: ({'2.5':"Admin1", '2.10':"Admin2"}) and where it's an empty array,
Embedding Google Calendar into Mobile Site
Example: http://m.troop101.net/calendar.asp When I view this in Chrome on my PC, I don't have a problem, but when I view it on my Droid I notice clicking an event scrolls the Agenda list. Is there a way to prevent this? Thanks!
enum in jqery
can anyone tell me how to implement enum in jquery var Direction = { North:90, East: 180, South: 270, West: 360 } can i use key value pairs for enum representation in jquery
Can't get jQuery working with JSF2.1
I can't seem to figure out how to get jQuery to work with JSF2.1. Any solution I find seems to send me head first into another roadblock that I honestly don't even know which problem I'm trying to fix anymore. I've tried to get around issues involving JSF prepending, XHTML CDATA, using external javascript files, and some other failed attempts I can't even remember. If anyone could provide me with a basic example of a JSF2.1 page with, say, a button that executes .mousedown(), I would greatly appreciate
jQuery find string then change class
I am trying to make this code that will find a certain text string and add a class to the certain <td> code is below...and i'm trying to think of everything that i can do to make this work tried it does not work :( $(function() { var foundin = $('tr:contains("KandiMan666")'); if $("tr.post").addClass("classname").removeClass(".post"); else $("tr.post").removeClass("classname"); });
Why doesn't submitting a form via the submit method on the form element invoke $.submit handlers?
See http://jsfiddle.net/8KNc7/5/ for a working example of what I am talking about (testing in Firefox 15 right now, haven't tried others). I have a form with a submit input and a button input that both submit the form data to the server, but only the submit input causes the jQuery submit event to run. Why is this? Form: <form action='/echo/html/' method='post' id='Form' name='Form'> <input type='hidden' value='posted' id='html' name='html'> <input type='submit' id='submit1' value='submit
Add message for when name attribute is omitted
It took me a while debug this issue of having the 'name' attribute omitted, and since posting about it on SO, I've had a few people vote for it so I guess it's a common problem http://stackoverflow.com/questions/12399008/jquery-validate-uncaught-typeerror-cannot-call-method-getattribute-of-undefin
How to use both media query and jqm on the same site
I use media query to handle the css for desktop and mobile version responsively. <link rel="stylesheet" media="all and (min-width: 800px)" href="desktop.min.css" /> <link rel="stylesheet" media="all and (max-width: 799px)" href="mobile.css" /> How do I load jquery mobile file ONLY in mobile device? Now I load it using javascript: if ($(window).width() < 800) { $.getScript("http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"); } The problem is with this some android device
Problem with 'closure scope'?
Hi. I didn't know, where can i put my problem so i put it in source of library, that i use;) I have a untypical problem. I made my webpage at test folder eg. http://blabla.com/test/ and my webpage works good. So i decide to replace older version and migrate him to main catalog and i get a problem. Unfortunatelly some of new services don't work properly. So i use a firebug and switch on debugger and i see, that one more step is running in bad working version of webpage. Closure Scope Closure Scope
problem making load page into div work
I am reworking wwww.tremyfoel.co.uk/beaches.htm page from a javascript that swapped in via a hidden iframe to jquery load - looked like a more efficient and easier solution. However I am having persistent problems making it work, I have tried a variety of slightly different formulations, and set up this test page: www.tremyfoel.co.uk/jqueryTest.htm two of the test (text) links work, the image links don't (merely opens the page rather than loading into the div) and I just can't figure out why. Although
activate jquery typewriter effect onmouseover
I want to activate a typewriter effect when mouse hovers over image. The image points at a flashing cursor, I want the cursor to look like it is typing out the text; DESIGN STUDIO and then the cursor to disappear once that has been written. please see http://i-n-t-e-l-l-i-g-e-n-t-s-i-a.com/entry.html
Table Sort problems sorting Dates and Numbers
I am using tablesorter.com as my reference for setting up Table Sorting, and while the demo works great within my stuff it does not seem to sort the dates correctly or the numbers, as an example, this is what I get when sorting one colunm? Do I have to define the format of the date? Or when I try and sort numbers. Only Question I have is I am dynamicially creating the Tables in PHP, reading the data from a database or xls file gives the same results. Numbers 9999999 999999 952 900 750 7050 7000
__exposed_props__
My apologies if someone has already raised this (I couldn't find it with a search) but jQuery -- at least jQuery 1.7.1 which I am currently using -- apparently exposes properties without using __exposedProps__. Starting in Gecko 15.0 (Firefox 15.0 etc.), exposing functions or objects without using __exposedProps__ is deprecated. __exposedProps__ will be mandatory starting with Gecko 17.0. See https://developer.mozilla.org/en-US/docs/XPConnect_wrappers#__exposedProps__ for details. JM
wrapping jQuery function call within a div tag?
Hi everyone, i am trying to make a google Calendar feed using jQuery, in by which it shows the upcoming 5 events in a list view...I have got the calendar to show 5 of the upcoming events however i am trying to place it so that the list should only show within the contents of a box with a fixed size, for example within in a table or a div tag with fixed with off 200px. the problem i am having currently is that i want the list to be displayed in the last row of the table within the div tag, however
Toggle jQuery function onload code behind asp.net
I have inherited a project that uses jQuery and I am really not familiar enough with it to figure out how to change this to do what I want it to do. I am currently coding in ASP.NET (VB) and I have a working fully functional jquery function to toggle a slider and change a class. The class more or less just switches the image on the button from "Show Text" to "Hide Text" and then expands the div to show the text inside of it. All of that is good and well and works fine. Now, during the page load
increment element ID problem
I am having a problem with my script that clones the exsisting div increments the ID and then appends the results to the new div. The result show and they increment the first time but after that they never continue to increment passed 1. Am I going about this all wrong? i have a jfiddle link to some test code as well if you need. http://jsfiddle.net/catavitch/5yFDt/1/ var mycount = 0; mycount = parseInt(mycount); $('#copy').unbind('click'); $('#copy').click(function() { var template = $('.person').clone();
How do you close or preset a Dialog popup programmically when left open.
How do you close or preset a Dialog popup programmically when left open. I have a condition when a user selects a link in my dialog box that takes them off-site to another website, this leaves my Popup dialog still open and even when i re-enter the mobile website the dialog is still active. How can I make sure the dialog is closed and not cached and active until a user selects it. I also have this condition with collapsable. how do i make sure they are closed and not cached if the user just leaves
.serialize javascript array question
I've used the .serialize method before on form objects but how can I serialize a standard javascript array? // this doesn't work var myarray = [1, 2, 3, 4]; myarray.serialize(); //error returns: Uncaught TypeError: Object 1, 2, 3, 4 has no method 'serialize'
How to add style in textarea
When you type @ in facebook's textarea and select the name you want, it will add the name into textarea with some style, any jQuery plugin can do this?
Image resize proportional to window resize
i need to resize an inline img upon user window resize, while respecting the original proportions from image/window... using the following code, the image gets resized way too much... what am i doing wrong? must be some logic mistake by me... please help $(window).resize(function() { // window dimenstions var windowWidth = $(window).width(); var windowHeight = $(window).height(); // figure dimensions var figureWidth = $('#detailScreen figure').width(); var figureHeight
Iframe not scrollable for android devices versions lesser than 2.4
I am trying this code in android device. <div id="olayer_div" style="height: 480px; opacity: 0.9; background: url("black.jpeg") repeat scroll 0% 0% rgb(15, 255, 255);"> </div> <div id="i_id" style="position: absolute; top: 15px; left: 15px; z-index: 99999; width: 290px; display: block; height: 270px; opacity: 1;"> <img id="cl_id" src="images1.jpg" alt="X" style="left: 5px; top: -8px; position: relative; float: right; cursor: pointer; z-index: 999999;"> <iframe id="i_iframe" width="290px"
can't test for am in last element or not.....
example I can change the css for the last element with a simple event-binding (triggered by a link), but I can't test for whether am clicking on link in last <section> or not..... i.e., this works... $('section:last a').css('color','#ccc'); but for some reason this does not work: if ($(this).parent().parent().is(':last')) { console.log('last'); // fires off even if click on link in last 'section' // } else if ($(this).parent().parent().not('div section:last')) { } else if ($(this).parent().parent().not('last'))
Problem with use of .parents()
I've the following situation <table> <tbody> <tr> <td> <table> <tbody> <tr> <td><a class=little></a></td> </tr> <tr> <td><a class=little></a></td> </tr> </tbody> </table> </td> <td> <table> <tbody> <tr> <td><a class=little></a></td> </tr>
Next Page