How to create a collapsable toolbar
I'm wanting to have two div's and one be collapsable. I would like it to start off in a hidden state with a button to expand/collapse it. I would like when the dive is expanded to have the page to never go past 100% height; I don't want to have to scroll to see anything.
Few questions from a very newbie in jQuery
Dear people, I'm a Webdesigner from Buenos Aires, Argentina. Currently I use HTML5 for customer websites but I want to enter in mobile design. I downloaded the jQuery version 1.3.0 final and I started some simple designs trying to make a simple page not only for smartphones and tablets, but for desktop navigators too. After many tests, I started used (additionally) the CSS used for jquery.mobile-1.3.0/demos/index.html page, because it CSS have many classes ready to use. After several hours of trying,
Checkbox checked but not showing as checked
Hi have a modal window with a checkbox that i need to check/uncheck dynamically. I use this code in the click function of a link i want to open the modal window (is that right?): ... $('#fModal input[type="checkbox"]').prop("checked",true); //already tried using id, class, and others... nothing works $('#fModal').modal('show'); and if i use this alert($('#estado_categoria').is(':checked')); it shows true, but the checkbox isn't checked!.... any ideas? thanks
Can't preview jQuery / Is my code wrong or is it just not previewing??
Hello, I am using jQuery in my html script in DreamWeaver. I think I coded it correctly, but whenever I preview whether it's in Firefox or in live view, I can't get it to work. What's supposed to happen is when I click an image with the class "menu_head," the rest of the navigation in the list classified as "menu_body" is supposed to appear. When I click, however, nothing happens. I don't know if I maybe sourced my javascript file wrong or what?? Here's my html code so far with the javascript. <html>
Range slider with different images for the handles
I have a range slider that currently uses the default thumbs, which I want to replace with arrows. I have created two CSS classes (handle-left and handle-right) but have no idea where & how to add them (jquery newbie...). The information that I have found via google did not help, mostly because it is a bit advanced for me. Can someone please point me in the right direction or show me a simple example of how it works? Thanks
window[ "_notPaused"] = 1;
window[ "_notPaused"] = 1; who know what this window order ??? what this kind ???
Responsive Panel // force panel to stay open on wider screens
Hi, I wanted the panel to stay open on wider screens, e.g. the panel opens when user puts the device in landscape mode. First I had a JS solution but wanted to solve this issue only with css. So I added the following css classes to the media query of the responsive panel: .ui-panel-closed { width: 17em; } .ui-panel-content-wrap.ui-body-c.ui-panel-animate.ui-panel-content-wrap-closed{ margin-left:17em; } For some more information on my solution, see my post on Stackoverflow Since I searched a lot
What am i doing wrong? (inArray, ...)
Hey guys! I'm pretty new to jQuery, but i try to write a little tag plugin. I have already got a piece of code, but somehow this doesn't work. $("#ranking tbody tr td").click(function(){ var tagToAdd = $(this).text(); var tags= []; if (jQuery.inArray(tagToAdd, tags)) === -1){ alert("New tag is added!"); tags.push(tagToAdd); }else{ alert("Sorry this tag already exists!"); } })So basically i want to add a tag to a filtering list.
Convert a formatted number from a text box to an actual decimal
I need to do some math against a number in a text box client. Don't really know JQuery at all so this is probably an easy question, but I need to convert a value in a text box (e.g. '100,000.00') into an actual decimal value. Can somebody point me in the right direction to do this? Thanks.
getJSON problem
function build_PastDestinations() { var tablebody = "<tbody>"; $.getJSON("phpscripts/getpastdestinations.php",{},function(data) { $.each(data,function(key,val) { tablebody += "<tr><td>" + val.Address + "</td></tr>"; }); }); return tablebody; } Hi there I have this function that isn't working. as soon as it get to the getJSON bit it goes straight to return tablebody; can anyone shed any light? Ian
Please if someone can help me
Hy everyone, i'm newbie and i have a question about jquery. I have a wordpress site: http://shopmaniac.ro and i need to implement a 3D picture effect like this: http://keith-wood.name/imageCube.html into the featured slider section.If someone can tell me how to make that! Thank you in advice.
Reversing the drop effect
When a user opens one of the help modals from my strip of thumbnails, I have the thumbnails drop and fade away to hide until the modal is closed. This is the code: $("#thumbnails").hide("drop", { direction: "down" }, 500); This works great. The problem I'm having is reversing the animation. When the modal is closed, I need the thumbnails to rise up and fade in, reversing exactly the hide animation. The closest I have gotten is this: $("#thumbnails").show("drop", { direction: "up" }, 500); I also
JQuery AJAX and XML
OK folks, after the silly go around with JQuery, AJAX and JSON, it's time to do it again with XML instead of JSON, though the problem might be the same. Excuse the bold font, I'm using it to distinguish comment from code. The problem with JSON is sending quotes. Double quotes (") just choke it. Multiple single quotes do the same. So I decided to try XML to see if it can swallow it any better. This does not look good... All I am trying to do is complete a circuit of using AJAX to send an XML message
tooltip shows up in the wrong location only for the first time a tooltip is invoked
problem: the tooltip shows up in the wrong location only for the first time a tooltip is invoked. Tooltips are expected to show to the side of the textbox. First time a tooltip is invoked in IE , the tooltip shows over the left margin. Subsequent mouseover events to show tooltips are correctly rendered. using: jqueryui 1.9.2 and jquery 1.9.1. IE8 quirks mode example. Simple html file that is displays links in tooltips .move mouse over textboxes to see tooltips. http://jsfiddle.net/pullo/eN6VW/1/
Auto submitting file
I've changed my 'file upload' input field into a hyperlink, which looks much better. I also added an auto submit, so that when the file is picked it gets automaticly submitted (normally you first select the file, and then have to hit the submit button). Everything works perfectly, except for the auto submit, which doesn't seem to function in Internet Explorer. How can I make this coding work in every browser? My coding: <style type="text/css"> #file { display:none; } .new_Btn { color:blue; cursor:pointer;
Tap and swipe function together
Hello, I am pretty new to jquery mobile and I have one issue that bothers me. On my homepage when I swipe up and down, some of the buttons get highlighted (even though they are not "clicked" or "tapped"). There is no problem with swiping, and there is no action except the highlight, but I would like to get the highlight only when someone actually taps the button, not swipe the page up / down. The homepage I am working on is here: http://www.sandbox.mytriorings.com/ and I am talking about category
Jquery Mobile Simple ul li style problem
Hello, Below is my code, LoadPage.Mobile.cshtml var data = ""; foreach(var row in rows){ data += "<li style='padding: 4%;'><a>"+ @Posting.ShowTotalCounts(row.postingID.ToString())+"</a>"+ "</li>"; } Response.ContentType = "application/json"; Json.Write(data, Response.Output); } So, I retrieve my data using JSON <div data-role="content"> <ul data-role="listview" id="resultscroll" data-theme="e"> <JSON DATA WILL BE RENDERED HERE> </ul> </div> Here is my outptu, So basically I need
jQuery retrieves the first part of the value only
I have a combobox with something like this <option class='comboclass' "Myvalue A">Myvalue A</option>. And when I use this code to retrieve the value, I get the first half of the value only. For example, I get Myvalue only not Myvalue A. $(td .comboclass option:selected).val());
Video Black screen
Dears Am using jquery mobile 1.2.0 i have a page which plays a video and its ok but once i call it using a button role <a data-role="button" data-theme="b" href="test.html" class="PortrraitCase"> the video gets black screen only sound working :( when i get the video to fulll screen mode the video is displayed this happens on my galaxy s3 updated to gelly beans 4.1.2 (Internet) browser this problem doesn't happen on chrome browser anyone have any idea????
Jquery multi select checkbox from mysql db
i want to make sliding menus dropdown parent and child and add multiple checkbox from mysql db Thanks, Dhani
How to hide a table row? (closest and prev didn't work)
I can't figure out how to hide 2 table rows. Given I pass a link to the below fucntion: function remove_fields(link) { $(link).prev("input[type=hidden]").val("1"); $(link).closest("tr.entry_header").css('background-color', 'red'); $(link).closest(".fields").hide(); } Here is a piece of HTML code: <table> <col class="project" /> <col span="7" /> <tr class="entry_header"> <td>Task</td> <td>18 Mar</td> <td>19 Mar</td> <td>20 Mar</td> <td>21 Mar</td> <td>22 Mar</td> <td>23 Mar</td> <td>24 Mar</td>
auto close dialog in 2 sec
hi guys,... I have a dialog box popup for confirmation,... how can I auto close dialog in 2 sec,... what I have in here apparently not working,... still need to close with "x" this is my code: <script> $(function() { $("#confirm_dialog").dialog({ hide: { effect: 'fade', duration: 2000 } }); }); </script> thanks in advance, chris
Not able to perform click event on <a> tag in dynamic table and not able to see the dynamically created table in view source
<code is used to disply table dynamically $('#showAll').click(function(){ $('#empList tr').remove(); $('#empList').append("<tr><th>EmpID</th><th>EmpName</th><th>EmpSalary</th></tr>"); $.getJSON(rootURL, function(data) { if(data.employee.length > 1){ for (var i in data.employee) { $('#empList').append('<tr><td><a class="a" href="#" value="' + data.employee[i].empID + '">'+data.employee[i].empID+'</a></td><td>
jQuery for random intervals?
Can jQuery be used to?........ say I have a one page website with a video that plays automatically when browsed to. Can JQuery be used to change the URL that the video plays from? And at random intervals? Or set intervals like every 24 hours? I would like to have a different video play every 24 hours! :) Thanks for any insight! .... Bud MOBLEASY.COM
Uncaught TypeError: Object [object Object] has no method 'uniqueId' (jquery upgrade)
I have several screens which use jquery validity and jquery tabs and were working fine in 1.7 but now throw an error and the validation is not checked. Including <script src="./jquery/jquery.1.9.1/jquery_migrate1.1.1.js"> in the header I see the error Uncaught TypeError: Object [object Object] has no method 'uniqueId' I've been back and loaded the full development bundle, confirmed that jquery is only loading once and checked everything that I can think of but without success. :-( My guess is that jQuery.noConflict()
I have two cycle functions to be used on my page. It works for few minutes and then stops working.
<script type='text/javascript'> function pageLoad(sender, args){$('#Vertical').cycle({ fx: '" + Effect + "' ,sync: 0, prev:'#Verticalprev', next:'#Verticalnext' if (Easing != "0") ,easing: '" + Easing + "' }); //On mouseover pause the slider
how to add commenting and sharing feauture to image gallery?
hi all,look at this image gallery:Gallery i want too add for users commenting and sharing feature in the bottom of each image that has been selected. i dont know what do i have to do to make this.please gime me an example
jQuery version support
The company I work for is fairly conservative to the utilization of open-source software due to not having the same "support blame" model that the big-house shops do when utilizing their software (IBM, etc). I was able to bring in jQuery for our company a few years ago, but having trouble selling the need to stay up-to-date on releases (due to upgrade/testing effort involved). How would you describe the support model to management in relating to the statement "v. 1.4.2 should be upgraded to the
Including JS file in JS file without HTML or DOM for unit testing
I'm trying to write some simple tests on JS code that can be run from the command line to test code that has nothing to do with HTML, documents or user interface. To do this I need to include one file within another to pull the code being tested into the test script. What I've found involved HTML or DOM to do the job; for example, something like document.write( <script src="myFile.js" />) or some such. Is there a simple way to do this? I'm imaging something like include( "code2test.js"
Using FancyBox as an Error or Success Message without clicking on a link.
I would like to use fancybox as an Error and Success Message indication withouth clicking on a link. Scenario: A user fills out an HTML form and if some things are wrong, they see a fancybox image that is an Error. If they filled out the HTML form correctly, they see a fancybox image that is a Success message. I am close to getting this working, but there is a bug where the image does not show up as a fancybox, it is just the image on a blank white page. Here is my Code. These includes
Grab Text From First TD From Dynamic Table??
Hey Guys, I built an inventory list by pulling in data from a database and placing it in a table. I built it so that the user can add, edit and delete inventory items. The first TD is the items name. I want to grab that specific name for that row item and place it in another TD. I want to use jQuery for this. Would i have to loop through that table and find the first TD of every row? <table> <tr> <td class="name">Name of item</td> <tr> <tr> <td class="description">Description
CSS and JQM: CSS class and id selectors not working
Hi, I am not sure if I have a CSS problem or a JQM problem, but I thought I'd start here. I have a JQM project which is using an external CSS file, as shown below. My problem is that the selectors on tags, and selectors on id (the ones with the #), they work. Class selectors or anything between [] does not. Any ideas anybody ??? CSS file: @media all and (min-device-width:1024px) { /* desktop style here */ img { height: 100px; width:100px; } .pages { position: relative; width: 50%; } [id |= Page]
Change footer link colors
How do i Change footer link colors?
remove 1st p tag containing br??
I found this on Stack Overflow, I can almost use this for what I need. $("p").remove(":contains('Hello')"); I need to find the first p tag on the page that contains a <br> or <br /> and remove the entire <p><br></p> I know there is a first() method but how is it used in conjunction with remove?? Can I do this?? Or how should I do this differently?? Do carriage returns within <p> tag matter?? -- that is, if the <p> and <br> and </p> are on separate lines in the source code?? $("p").first().remove(":contains('<br>')");
Find an element in html() result
Hi, How can find an element or check if any class exists on any element with $("id").html(). I want to find the desired result after html(). How can I do this??
Reveal/hide nested div in portfolio of images
Hi I've been trying to figure out how I can use jQuery to reveal a div which contains a title and semi transparent black background when I rollover one of the images on this test page - http://easynow.com.au/portfolio-j-query/ For each image I have the following html structure - <div class="holder"><div class="photo"><a href="http://acaibeads.com.au/" target="_blank"><img class="size-full wp-image-414 alignleft" title="Acai Beads | Melko group Melbourne" src="http://easynow.com.au/wp-content/uploads/2012/04/acai.jpg"
How to remove specific link from the footer?
Hi all, Can anyone help me to remove specific link "Terms of Services" from my site footer. Please check here Terms of Services link is located at the footer right corner. Thanks
jQuery image effect
Hi, I'm building an image gallery and I'd like to add a special hover effect to my thumbnails. When I hover my mouse over a thumbnail I'd like to display an overlay on the thumbnail with a short text. How can I do that with jQuery? Thanks
autoInitializePage = false only works for first page
I'm not sure if this is expected behavior or not, but it appears using jq1.9.1 and jqm1.3 that setting autoInitializePage = false only keeps the first page from auto-initializing, the rest of them fire off everything fine. My code: $( document ).bind( "mobileinit", function() { $.mobile.allowCrossDomainPages = true; $.support.cors = true; $.mobile.pushStateEnabled = false; $.mobile.autoInitializePage = false; // disable showing the page until we say so }); The initial page
JQM Breaks Javascript after a page loads
When you switch pages in jQuery ( in sample using a tab navigation as seen in my JS file below ), it breaks the javascript code, and therefore nothing will work afterwards. http://s11149.gridserver.com/untitled.js Sorry ! The sample is here : http://64.207.178.146:9292/ I got it working OK in the browser now. But on the phone it still sux pretty bad. You can test by clicking on a user : then on a "following" : then on another user :
Next Page