Expand Collapse does not work with JQuery 1.9
Hello I am working with this jquery. No matter what happens, it fails. When I put the Jquery in as a url or when I put it beside the html file, it does not collapse. <html> <head> <style type="text/css"> table, tr, td, th { border: 1px solid black; border-collapse:collapse; } tr.header { cursor:pointer; } </style> <script src="jquery-1.9.1.js" type="text/javascript"></script>
jQuery Mobile and Google Adsense
Hi - I'm one of the countless developers that, having developed several apps with jQuery Mobile, is astonished to find that I can't put an ad (Google Adsense) on the site. It's just baffling that this is such a headache. Both of my apps have 10+ "pages" (data-role="page") - every time a user goes to a page, I would like for a new ad to be shown. Should be simple, no? Can somebody from the development team (or Filament Group) please give us some idea if this issue is even being considered??
Trying to Replace CSS Transition with jQuery
Hi All - this is my first post on this forum. I'm working on a nav menu that has a full screen width drop down sub-menu. I'm using CSS transitions to animate the drop down. It works beautifully in FF and Chrome, but it doesn't work in older versions of IE. Therefore, I'm looking for a jQuery solution that can replace this bit of CSS: -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; Specifically, I'm looking for a way to use
GoogleMaps API V3 OVER_QUERY_LIMIT
Boa noite, Alguem poderia me ajudar? Tenho mais de 10 cadastro ao consultar da o erro. OVER_QUERY_LIMIT Segue codigo abaixo Obrigado. jQuery.noConflict(); jQuery(document).ready(function() { var counter = 0; var service = new google.maps.DirectionsService(); var lojasLatLng = new Array(); var texto = new Array(); var geocoder; var markers = []; var iterator = 0; var map; var ib;
How do I best style this JQuery-ui dialog
Below is the markup html code. As you can see I base the dialog on the table element. Here is how I start the JQuery-UI dialog $("#dlgPassage").dialog({ width: 600 }); At the end I have a print screen of the dialog. So how do I best style this dialog ? <div id="dlgPassage" title="Passage" style="display:none"> <table> <tr><td>Opening</td></tr> <tr> <td><input id="Text1" type="text" style="width:170px" /></td> <td> </td>
Getting the value of second(=last) element in a DIV
Greetings, There maybe several good answers to below question, but i have not come up with a single one. Thanks in advance Pancras Situation: a droppable 's function drop: function (event, ui) { $(this).prepend(ui.draggable); ScoreUpdate(ui.draggable); passes the ui.draggable to ScoreUpdate in ScoreUpdate the draggable is passedin the variable TheItem function ScoreUpdate(TheItem) so The contents of TheItem: <div id="Item" class="clsItem ui-draggable">
how to keep an element fully visible within a container after increasing element's size and exceeding container?
wow, that's quite a title.. :) i am coding a horizontal slide-bar that contains an unordered list (of images) and when the cursor hovers over the images, they are animated via css to become bigger. this all works fine.. however, when the images are near the left or right extremity of the bounding container for the slider, they can get clipped horizontally as their size is increased via the animation. so basically, when someone hovers over an image that's near the edge of the slide-bar, the image
Iterate through table data and append ellipsis
Hi folks, I'm very new to jQuery and javascript in general. I did some googling and was able to find a jFiddle that did what I wished to accomplish after I modified it a bit to show the original text on mouse over by appending it to the title. The problem I now face is that all my content is loaded dynamically. I encapsulated the jQuery function inside a javascript function which allows me to call it at the end of my vbscript function. It fires once, but won't fire again. I was hoping you could
Vertical Progress Bar. Is it possible?
I have the following example: http://jsfiddle.net/8rJws/1/ How do I make the progress bar work vertically and not horizontally as she? Can anyone help me?
delete records displayed from while loop with jquery
I would like to display records with a delete button next to each one. When the user clicks the button it deletes that particular record. I created a form on each line item but when I click the button it only deletes the first record and not any of the other records. How do I make the button send the recordID of the record that needs to be deleted?
jQ 2.0.2 Can't enter characters into input type text fields
Hi All, I'm new to jQuery and I've just converted my site to use jQ 2.02. I also have jQuery.form loading as well. Here's the problem: I can no longer type in my input type=text fields anywhere on the site. Here's the code for a test page: <html> <head> </head> <body> <?php print($blob)?> <input type="text" id="testinput" value="Test" /> </body> </html> The text box is not disabled or readonly anywhere in my code, but my guess is jQuery must be doing something on the back end to change that, or
Problem with updating data-icon when clicked
Hello all, My experience with jQuery (mobile) is limited, but I'm learning! I can't get something to work. When I click on the word menu, I want a panel to open. That works. But I also want the data-icon to change from arrow-r to arrow-l. That I can't. I hope someone can help me with that. Here's the code I already have: <div data-role="panel" id="mypanel" data-position="left" data-display="push" data-position-fixed="true" data-dismissible="true" data-theme="b"> <a href="#open-menu" data-rel="close"
jQuery Menu border question
Hi. I'm loving the jQuery menu plugin. I would like for the main menu to have no border, but all sub-menus (pop outs) to have a border. I figured out I can remove the border by adding.. .ui-widget-content { border: 0px; } ... to my CSS, so long as it is called after the remote jquery-ui.css is loaded. While this does remove the border from the main menu, it also removes the border from all sub-menus. Is it possible for me to have the border on the sub-menus only? Thanks for any advice
Time out page if looses focus
Hi, I am working on a html5 app that displays medical information using jQuery Mobile. To be compliant to medical standards the information on the page needs to "go away" if the user leaves the page. So no one can pick up the phone and view someones medical info. What we want is if the user leaves the page and comes back in say 30 seconds the page stays. After longer than 30 seconds we load a blank page. I tried using window.blur and window.onfocus and it works great in chrome on windows 7, but
JQuery Week Calendar doesn't display
Hi - I'm brand new to JS and I can't get the JQuery week calendar to display. Here's the jsfiddle: http://jsfiddle.net/pRqPz/6/ When I run it, I get this error (thrown from jquery.weekcalendar.js file): uncaught type error: cannot call method 'getFullYear' of undefined. It's got to be a config error. Here are the files I'm linking to: <link href="/transporter/css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" href="/transporter/css/screen.css" type="text/css" media="screen" charset="utf-8">
What jQuery ver in IBM RAD?
I'm developing in IBM RAD 7.5.5 and the app in particular does make use of jQuery. However, I have been looking all over the place in the code to locate what version of jQuery is being referenced. I've looked in the staticContent folder and found a number of .js files but these are related to specific functions in the app and no where in these files does it point to a particular jQuery library. If the app does not reference a specific jQuery lib, does a compatible jQuery version for the particular
jQuery not working
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript" src="../js/jquery-ui.js"></script> <script type="text/javascript"> $('#t1').blur(function(e) { if (!this.value) { alert ("Enter"); } }); </script> --------------------------------------------------------------------------------------------------- html <body> t1<input type="text" value="" id="t2" /> t2<input type="text" value="" id="t1"
Slide show skips on second lap
Friends, We are in the last stages of completing a site with a lot of jQuery and our homepage slideshow showing our clients many companies scrolls through fine (and it's a whopping 35 logos) on the first lap, but on the second lap, the logo and caption they stop matching up. http://www.cleverdesign.com/dev/sentinel/site/ The logos pull from a SQL database, there are no extras in the db. Any help, greatly appreciated! Best!
Resizeable using google.load
Hello everybody I have created a page in which i have loaded jquery UI using google.load("jqueryui", "1.7.2"). I have performed Drag and drop functionality of jqueryui.That works perfect. But now i have to resize the image so i have to load js for resize.so what is the way to add the js of resize of jquery 1.7.2. Thanks
NAV Menu
Hello y'all, I have downloaded a nice bubble navigation menu, I would just like a bit of help. I am having a problem with getting the nav menu to be the same size as the text. At the moment the nav bubble around the menu text stays static. here is the site for the code: http://tympanus.net/codrops/2010/04/29/awesome-bubble-navigation-with-jquery/ Please, any advise would be appreciated.
Onkeyup isn't working in IE8
My code: <!DOCTYPE html> <html> <head> <script> window.onkeyup= function (event ){ alert('123') }; function myFunction() { var x=document.getElementById("fname"); x.value=x.value.toUpperCase(); } </script> </head> <body> <p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p> Enter your name: <input type="text" id="fname" onkeyup="myFunction()"> </body> </html>
Bug in Malsup Cycle 2 plugin?
There seems to be a bug in Cycle 2 that shows up when used in conjunction with a Lightbox-style overlay plugin (the desired effect being a slideshow whose images enlarge when clicked) such as Shadowbox. The slideshow works fine, but in the lightbox overlay, the first slide is always duplicated, and sometimes the last as well. I tested the same lightbox plugin with Cycle 1, and this does not happen, so the problem seems to lie with Cycle 2. If you use an older version of jQuery, such as 1.6.4, the
Using Datepicker inside Tabs
Hi there, I am using datepickers inside several JqueryUI tabs and I can get the datepickers to work properly. In the first tab (the one displayed by default), the datepickers are working properly but in the other tabs: -I can't select any date (clicking on a day wont fill the associated input) -Changing months gets me totally random results: i.e from June 2013 to June 2018 or January 1900 I am using the same class for each datepicker and once my tabs are instanciated I instanciate my datepickers.
drag and drop image
Is there any way that I drag an image from my pc and upload it on asp.net page. Thanks in advance
Jq Grid page not showing the full content.
Hello, I am making a JQ mobile app with a grid section but when I am loading the script with the grid section some of the content will disapear below the header section: my grid code: <script id="tradeTemplate" type="text/x-jquery-tmpl"> <div class="ui-grid-a"> <div class="ui-block-a"><div class="position" style="width:100%">Stock</div></div> <div class="ui-block-b"><div class="position" style="width:100%">${title}</div></div> <div class="ui-block-a"><div
jQuery slide panel
I have a hidden menu, which is: <div data-role="panel" id="menupanel" class="menu" data-display="push"> <ul data-role="listview" data-inset="true" data-theme="b" class="leftmenu"> <li data-role="list-divider" class="ui-bar-b">{{locale.Program}}</li> <li data-icon="false"> <a href="#home" class="ui-state-persist">{{locale.Home}}</a> </li> <li data-icon="false"> <a href="#about" class="ui-state-persist" >{{locale.About}}</a> </li> <li data-icon="false"> <a href="#myContacts"
From:veeravi@vsnl.net
I tried your first exmple given in Learning Center.It doesnot work.Jquery.com works as a link and takes me to the jquery.com home page.Actually it should give a alert message.I have downloaded the uncompressed version,10.1. is there a procedure for installing it?
What is the best way to find all object in an array that fulfill my search criteria
I have an array called bookingArray that contains object. Here you can see how it look like. bookingArray[i] = { Objectid: value.Objectid, Beskr: hinderArray[j].Beskr, Fromtime: value.Fromtime.substr(0, 19), Totime: value.Totime.substr(0, 19), Confirmed: value.Confirmed, VesselID: value.VesselID, Bookingid: value.Bookingid, Connectionid: value.Connectionid, Vesselname: value.VesselName, ID:0 Later in the program add update the ID in some of these so it contains for example 10_100_1, 10_100_2 and
local storage: cloning <li></li>
Hi, I'm trying to get into html5 local storage, did some tutorials, mostly about writing to-do-list apps, but what I'm really want is something different than that. I would like to have a listview with several <li></li>'s which the user could favorite (by clicking on an image in the li at the right for instance) for which the clicked <li> is cloned to another div (#favs for instance). Removing the cloned <li>'s from this div would be another step. I'm not asking for complete code, but could someone
Autocomplete optimization
I am using the conventional jQuery autocomplete.I am using it with mysql and jsp.The combo works fine except that the autocomplete does the job a little differently.When the user starts typing "Ti" the records showing up are tiger,tigress and so on.I want the autocomplete to show records like "White Tiger","Himalayan Yeti" as well as both those records have "ti" in it.Is there a way in which i can customize this? The records are retrieved from a mysql database(Just for information). Thanks, in advance.
Popup window
Hello, I am new to website programing and I am soliciting your help because I am having a problem I do not quit understand. When a user login to my website his account is automatic displayed. The last column have buttons: accept and decline. If the user click accept a dialog box should come up. The problem is the dialog box only popup for the first entry in the table. Thus when click accept for any other name after nothing happen... I do not know what is I am doing wrong. So if some can help me
I have a problem with how to use JQuery-UI in the way that I want
I must say that I'm quite new to JQuery. None of the suggestion that I have got so far has been working. I don't really know if it's possible to use JQuery-UI and passing data in the way that I now want. I might have to change something in order to have it work. I open my JQuery-Ui dialog dlgBooking in this way. $("#dlgBooking").data("id", this.id).dialog({ width: 230 }); as you can see I pass in this.id. Lets call the passed data this.id for X just to simplify
click is not working smoothly in jquery mobile.
as i am working on jquery mobile regarding app and i face the problem regarding click event when we go to the another page and come back to some page click is no working smoothly. as i use the code for change page is $.mobile.changePage("#"+page, "pop", false, true); so pls helpme. its causing problem only on ipad.
Isolating jquery version to my plugin, regardless of other versions
Hi, I recently encountered an issue where my client's jquery import was linked to :http://code.jquery.com/jquery-latest.min.js. This new version removed $.browser. My javascript application is using simplemodal.1.4.2, which still uses $.browser, and this caused errors. Is there a way I can embed a specific jquery version to my application, regardless of the other jquery versions on the page ? Thanks, Kevin
jqplot not running
Hi to all, I am new to jquery as well to jqplot. I wanted to show a graph on a jsp page and datas are retrieved from DB. For this i use jfree and working well without any issues. Now i wanted to use jqplot becoz when you hover mouse then it will show the plots x,y values. Recently i download jqplot but the graph is not showing on web page.Can anybody please tell me the problem? <html> <head> <title>Testing plots functions</title> <link class="include" rel="stylesheet" type="text/css" href="../jquery.jqplot.min.css"
Datetimepicker not calling/binding properly after removing dynamic input field
I am using jquery datetimepicker with the following version JQuery v1.7.2 JQuery UI - v1.10.3 jQuery timepicker addon V1.3 In a module, I am creating input field dynamically by clicking "+" as well as binding the datetimepicker for those input which are created dynamically as well as removing that input field by clicking "-". My dynamic input fields always create like below: datepickerfrom_1_1 datepickerfrom_1_2 datepickerfrom_1_3 datepickerfrom_1_4 datepickerfrom_1_5 . . . I am binding the datetimepicker
jquery plugin to insert/edit a table with variable number of rows/columns ? (as in google drive for example)
Hello, I am looking for a simple solution allowing to have a button inserting a table into a edited area, with a number of row and columns defined by the user. The better who be to find a plugin doing the same as in google drive document, having a little matrix opened to define the size (rows and columns) of the table. I have no use of sorting, templating, or any advance function... and all the plugins I may have found are doing far too much. Before coding it, I was just wondering if such a plugin
Writing datepicker value to console
Hello, I have this code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>datepicker demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> </head> <body> <div id="datepicker"></div> <script> var x = $( "#datepicker" ).datepicker(); </script> </body> </html> What I want to do is write x , where
create a <li> inside loop
I am creating a list that shows all the files in the server. The problem is that by each time that I push the “View Files” button that calls this function, it appends files to the list and shows duplicates. For example if I have 2 files on the server it shows 4 files. (first time shows 2 files that is correct but with each times I push button it duplicate). function MyCallback(data) { var imagelist = data.imagelist; var jtext = "<table class='JsonGrid'><tr><th>ID</th><th>NAME</th></tr>";
Newbie attempting to use Datepicker - it fails!
<html> <head> <title>Datepicker Test 1</title> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript" src="../jquery.ui.datepicker.min.js"></script> <script language="JavaScript"> $("document").ready(function() { alert("document ready"); $("#SheetDropDead").datepicker(); alert("SheetDropDead set"); }); </script> </head> <body> <form name="DPtest1" method="post" action="DatePickerTest2.asp">
Next Page