How to fade out and in a Div in a relation with scrolling
is there a way where I can make a fixed Div fade out when I Scroll the Page down and fade it in when I scroll back up for this Website in The link bellow : this is the link <div class="BodyContainer"> <p class="Slogo">Live Like You are In Heaven</p> <div class="SubSContain"> <p class="SubSlogo">A Beautiul Life</p> </div> and this is the CSS : .BodyContainer { width:100%; display:block; position:fixed; z-index: 1;} Please help !! I asked may times but no one is answering !
Google Map in jQuery UI tabs (newbie)
Hi all, I am using some CSS (suggested at the bottom of this page) to make my Google map responsive. When I put the map in jQuery UI tabs the map loads fine in the first tab but in the second tab it loads off centre as you can see here. There is some related discussion here and also the following suggestion here (re resizing): Code: $('#example').bind('tabsshow', function(event, ui) { if (ui.panel.id == "map-tab") { resizeMap(); } }); So far I have tried a few things that have not worked but maybe
problem with displaying grid data from mysql database
i am trying to use jquery-ui for the first time. i have done the server code but it is not displaying please can the code be review or look into my php server code <?php include("../db/dbconnect.inc"); $page = isset($_POST['page']) ? intval($_POST['page']) : 1; $rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10; $offset = ($page-1)*$rows; $result = array(); $rs = $mysqli->query("select count(*) from store_categories"); $row = $rs->fetch_row(); $result["total"]
JQuery Mobile For Blogger HTML Widget: It Is Possible?
I have a blogger blog, and I think using JQuery Mobile is much easier for autocomplete, popup, and other tasks. When in Blogger there is a HTML widget, how to use JQuery Mobile as scoped script (script from code.jquery.com )?
jQuery Mobile persistant external fixed header problem
i want to ad an external persistant header like in the demo here: http://demos.jquerymobile.com/1.4.2/toolbar-fixed-persistent/ i only want the header. no footer. but when i do this on my page with this script: $(function() { $( "[data-role='header']").toolbar(); }); i always get some space at the buttom of the page. its free space - i think for the footer. the page height itself is ok, but the ui-panel-wraper is to short. can enyone help please?
Validate and JSON
I looked at the reference for the "remote" option with validate. The docs aren't too clear as to how the JSON response must look. Does anyone have any examples? When I look at the demo, it seems to only return an image. Perhaps I'm checking it the wrong way. I'm using the network option in the inspector of Chrome.
QRCode-scan and QRCode-gen icons required.
For mobile apps, it's common to have QRCode scan or QRCode generation features. Would you please add QRCode-scan and QRCode-gen icons in JQuery Mobile?
Displaying Arrays from set index.
Hi, if I have the following code: <br /> <script> nme = [1,3,4,1,8, 7]; alert(nme); </script>The alert box displays - 1,3,4,1,8,7. Is it possible to have the alert box display without the first array being shown so it would just show 3,4,1,8,7? Thanks in advance.
Animate Scroll Path In Canvas
Hi All, first see this http://joelb.me/scrollpath now I made this canvas for my own <canvas id="myCanvas" width="5000" height="5000"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); context.beginPath(); context.moveTo(100, 100); // line 1 context.lineTo(500, 100); // quadratic curve context.bezierCurveTo(1000, 100, 500, 800, 1000, 800); //Line 2
jQuery Photo Wall Plugin won't reinit after ajax load
I’m using this jQuery Photowall Plugin I was able to modify the code so I could switch out the contents of the gallery with a select drop down menu. You can see the page here. This works fine but following a load the photowall plugin no longer works. I’ve copied the init code into a function that I call at the start and this works and then I call again at the end of my onchange but it won’t work. Any ideas as to why this isn’t working? as always any tips massively appreciated. Thanks, should also
Jquery Modal Popup not displayed as popup second time
Hi, Hello to everyone, This is my first post and i would like help in sorting out my issue. I tried searching for my issue in google but did not found the solution. My issue is that i am creating an application in MVC for which i am using JQuery to display popup and after closing the popup i am refreshing the webgrid using ajax which iw working fine( since i didn't wanted to fully load the page so i used ajax and used @Html.Partial() to load view) but when i click the create new department for second
How to evaluate a div from a string which is inside .get function
I evaluate a sting like that "<!DOCTYPE html>\r\n\r\n<html ... </body>\r\n\r\n</html>" inside $.get function. I want to evaluate a div inside it. I tryed that didn't work: var divHtml = $(data).find("#comments-comments").html(); // data is the string above. How can I evaluate the divs I want from a string like that? Thanks.
Not sure if this is a jQuery problem or not . .
People, I have happily used the jQuery "accordion" facility for making sections expandable and collapsible and it looks just how I want on my Linux PC with Chrome: http://philiprhoades.org but on phones and tablets there is something odd going on and I don't know if it is a jQuery problem or not. On the PC, the section texts fill the available space of the screen ie all the way to the edge of the fourth picture in the table - but on phones and tablets the text wraps at about the edge of the third
Show image for a second or two
Is it possible to show some text/image for a short moment (1-2 sec) and then to hide after this time? I guess it should be preaty easy, but I can't find that one :/
Accordion for multiple div ids
My jsp has multiple <div id="..."></div>. Each <div id="..."></div> has a google scatter chart in it. How can I implement accordion for each of the <div id="..."></div> tags.
keyup problem in firefox
This is for a typing test, where if you hit the backspace key you are penalized, but even if you hit backspace 10 times, it is only one penalty. It is working fine in IE, Chrome, Safari for Windows, and Opera - but not in Firefox... I tried putting setTimeout on it, but it didn't help. }).keyup(function(event) { if (event.which === 8 || event.keyCode === 8) { if ((lastLetterWhich !== 8 && event.which === 8) || (lastLetterKeycode !== 8 && event.keyCode === 8)) {
What "e" represents here?
Hi In the following code : $("body .ribbon-container li") .delegate("a", "hover", function (e) { "mouseenter" == e.type && showSecondryImages($(this), e.type), "mouseleave" == e.type && showPrimaryImages($(this), e.type) What " e " represents in this code ? Waiting for your response!!!!!!! Thanks Varun
Modal (Focus out remaining) dialog feature
Hi all, I download tiny version of jquery ui, no theme, and just core features. I want to use modal feautere of dialog, so that just dialog box is focused. Which feature should I add to the download page of jquery ui. Thanks.
Having problem with a Jquery script. It doesnt work on a certain drupal template but works fine on other template.
Hi good day. Im developing a drupal website, and for some reason, im just unable to get this jquery script work. The script basically gets several youtube URL's and gets the video's name, and preview image directly from yt. http://geckohub.com/jquery/youtubeplaylist/ this is how its supposed to work. unfortunately, im unable to make it work on my theme. http://egemsoft.org/despertarfinal/ The videos just wont work. The links send you to the video. It doesnt work on like the demo. I have tried with
Code not working, no idea why
Hi guys - another ridiculously novice question here. Really can't wait for jQuery to "click" in my head so I can just get on with using it. I have this piece of code: $(document).ready(function() { $('#trigger').click(function(){ $('this').removeAttr("id") .append('<input id="trigger" class="hidden" type="text" placeholder="Add another answer..." />') .animate({opacity: 1,},200, function() { $("#trigger").animate({opacity: 0.7,},1000); }); }); }); It's supposed to make it so that when a user clicks
Add Two Numbers from Input Number Fields
Hi all, I am trying to add two numbers together and output them using jQuery. My input types are set to "number" and need to stay that way. I have tried the following, but get a result of NaN: <input type="number" id="primaryincome" class="form-control" placeholder="0"> <input type="number" id="otherincome" class="form-control" placeholder="0"> <input type="number" id="totalamountremaining" class="form-control" placeholder="0" readonly> var primaryincome = $("#primaryincome").val(); var otherincome
TextBox enable and disable
Hi all I have two textboxes, textbox_1 and textbox_2 if textbox_1 value > 0 then textbox_2 should be enable otherwise textbox_2 should be disable I have written some code but it dose not work check it http://jsfiddle.net/fungus/dpacM/
Trouble trying to simplify my code...
Hey there, I wrote a code that is quite long for it's purpose, that it does is hides all the divs with the class: div1, div2....div7 and fades the in when click the link with class: link1, link2....link7...and my code fot this is: $(document).ready(function() { $(".div1, .div2, .div3, .div4, .div5, .div6, .div7").hide(); $(".link1, .link2, .link3, .link4, .link5, .link6, .link7").bind("click", function () { $(".div1, .div2, .div3, .div4, .div5, .div6, .div7").fadeOut();
shorten ajax code
hi, this is my code below, is there a way to shorten this please, i have 5 nav items (navx-1,navx-2,navx-3,navx-4,navx-5) and have an ajax call for each of them, any help will be appreciated. $("#navx-1").click(function(){ $.ajax({ type: "GET", url: "/tools.php", data: 'qwiri=' + $(this).text(), //data:'qwiri=home', success: function(msg){ $('#resultip').html(msg); }//success
problem with a caption script
Hello, I'm a new JQuery user and I've got a problem with a little caption script I use for the web site of my parents in-law : djpgirardin.com At the third image of the carroussel, the css bottom property isn't high enough but is the same of all the other ones. I don't understand why my script don't process each div... my script : $(document).ready(function() { $(".information").each(function(){ $(this).css("bottom", $(this).innerHeight() + "px"); }); $("#cycle").hover(function(){
jQuery Conference 2014
I'm not quite sure who to contact for this one, but any help is appreciated. I was wondering if there is an educational discount for the conference in Chicago? http://events.jquery.org/2014/chicago/ Thanks
Is there a way to use draggable with clone?
I am trying to use draggable with clone method. something like this $( "#selector" ).draggable({ helper: "clone", revert: false });Apparently, this is not working. The clone of the element is created and it can be dragged. But when I release the mouse, it reverts and joins back to the original element. What is going wrong here? I am trying to replicate the build pool thing in this website.
Object height and position change on window when scrolling document
Hello, I have a fixed object which is let's say at original-top : '50px' (from document top) and original-height : '10px'. I would like that when scrolling down the document, the object scrolls to down as well and it grows its height in the meantime. So when we arrive at the bottom of the document, the object stops at finish-bottom : '80px' from the window/document bottom and height stops at finish-height : '100px' of height. And back way, when we scroll upto the document top, it finishes at 'top
Accordion panels not showing on main site when published
Everything works on the local and tested using DW but when I posted it on the external site the panels are not activated. I have send the js custom css and jquery files to the js folder and the css files to the css folder. Kinda new in this and need some advise. So sorry I am quite new to this and not sure... just got thrown to me this project. Thanks <link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.css"> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery-ui.js"></script>
event.pageX and event.pageY not working on iframe correctley
Hi All I want to do is to show a popup which appears when the user hovers a part of an image. I do it like this: <!Doctype html> <html> <head> <title>Wir feiern die Wirtschaft der Zukunft</title> <link rel="stylesheet" type="text/css" href="style.css"> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> </head> <body> </div> <div class="container"> <img src="strauss.png" /> <div class="popup"></div> <p> <span>Move the mouse over the img.</span> <span> </span> </p> </div> <script>
Drag and Drop File Manager
Hi In jsp web page I want to create two panel left side displayingh the local file structure and on right remote file structure And want functionality so that user can upload and download the files from either side,means download fle from remote and upload files from local to remote. Tools like FileZila or WINSCP. Thanks in advance.
what is wrong with this code ?
hi there, can you tell me what is wrong with this code ? <!DOCTYPE html> <html> <head> <title></title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <body> <p>Setting a default value to a function parameter.</p> <p id="demo"></p> <p id="demo2"></p> <script> function myFunction(x, y) { y = y ; return x * y; } document.getElementById("demo").innerHTML = myFunction(4,4); $(document).ready(function() { $(#'demo2').innerhtml( "ready!" ); }); </script>
Does selectmenu suppert nested groups?
Hi everybody, I've just seen that the new jQuery UI 1.11 is out, and there is a new nice widget! I was skimming through the docs, but I couldn't find this: is the new widget limited as the native select to only one level of subgroup, or does it support multiple nested levels?
how to increase height of popup in jquery mobile iframe
Hello All, I want to increase the size of Popup Iframe. The default size is height="320" width="480" I want to increase it height="1024" width="768" (Basically need to increase height) I have changed the size in java script (Some part is as under) $( "#popupMap" ).on({ popupbeforeposition: function() { var size = scale( 480, 320, 0, 1 ), w = size.width, h = size.height; Here I have changed $( "#popupMap" ).on({ popupbeforeposition: function()
using value=variable
how we can use selValue in alue=selValue Correctly var selValue = $("#faal").val(); alert( selValue ); $('input[name=radios][value=selValue]').attr('checked', true);
keyup function does not fire after .html()
Hi all, I have two function checks keyup and keydown on input fields of a division which are placed in document.ready (please see below) The problem is these functions fires without any problems on page load. But does not fire after changing the content of the division (for login and logout) using .html() property. Anybody have an idea how I can fire these functions after the login/logout process? Many thanks telmessos Function is: $(document).ready(function() { //reset previously set border
IE 10 not event not firing bind() or on() using JQuery
$('body').unload(function () { }); $('body').on("beforeunload", function () { //if true Means Logged is Clicked else Page close clicked if (IsTrue == 0) { BTGUI.WebServices.ConnectionToken.GetLogOutClientUserMethod(LogOutClientUserMethodSucess); } else { BTGUI.WebServices.ConnectionToken.PageClosedXmlMethod(hddClient, hddUserName);
jQuery slideDown and slideUp - how to keep statement on page change
I have created a menu which uses jQuery slideDown/slideUp to show/hide menu items. Jquery code looks like $(".menu-reveal a").click(function() { if ($(".menu").is(":visible")) { $(".menu").slideUp(300); $(".menu-reveal").removeClass("revealed"); } else { $(".menu").slideDown(300); $(".menu-reveal").addClass("revealed"); } }); Site is loading by default with "hidden" menu items, then visitor needs to click it to see menu items. My question is how I can "keep" menu statement if was expanded or not
How To Toggle Variable Literal(Value) Using jQuery
Can you please take a look at This Demo and let me know how I can toggle varible value from "ecolo" to "econo" using jQuery? <button id="model">Toggle Query</button> <div id="result"></div> <script> var qtype= "econo"; $("#model").on("click", function () { qtype= "ecolo"; $("#result").html(qtype); }); </script>Thanks
Problem saving list in local storage
Hi everyone, I´m work in a code based on a listview in jquery. In this code you can add or remove items. Also if you click on a item, this have inside some group of elements. One of this its a on/off slider. The idea its to save teh list in local storage. I´m saving when i add or when i remove a item of the list. When i start the code the list begins whit 2 elements of the list, and the sliders works perfectly. When i add a new element also works. But when i run the code again to use the local
Next Page