Marquees firing twice?
Hi all, Thanks so much in advance for your help on this. I'm trying to run two marquees, one under the other, but they seem to be appearing twice - so there are four instead of two. My code is all here: http://jsfiddle.net/SgQhk/
hi I want a grid image not go out of screen mean 10-20 grid
Target ---> Each grid contain an image and not going out of screen. but here i post a program that an image large size but it's not fit between header and footer . mean content grid must between header and footer , no gap between header and footer . ************ <style> html, body { height : 100%; } #map-page { height : 100%; } #map-page .ui-header { height : 40px; } #map-page .ui-content { position : absolute; top : 0; right : 0; bottom : 0; left : 0;
Datepicker not showing up when placed inside selectable in Firefox
Using jquery v1.9 Using jquery ui v1.10.0 The easiest way to show this was for me to create a jsfiddle demonstrating the issue... it can be found here. The desired effect was to have the user select one of the items in the selectable and then append an input element bound to a datepicker to said selectable item.... Works perfectly in Chrome however in Firefox v.18.0.1 the datepicker refuses to show up after clicking on the input. Is this a bug or am I doing something wrong? Thanks!
Reporting Bugs
Hello, I found what might be a bug in jquery. How and where do I report it?
Pages not directly in the body but inside other elements
Hi there! Please consider the following code fraction... <body> <div id="page1" data-role="page">..... </div> <div id="page2" data-role="page">..... </div> <div> <div id="page3" data-role="page">..... </div> <div id="page4" data-role="page">..... </div> </div> </body>As you can see, page3 and page4 are under div element, whereas page1 and page2 are directly inside the body. There is a specific reason I have to follow this structure. I'm using the following
Animate jquery ui slider handle to specific value on pageload
Hi Newbie here. I'm having problems getting a slider to animate to a certain value. The value is within the handle. I want the handle to automatically move on pageload to a specific value. The value has to increment up to the value though. I've created a script in where I'm animating the handle but I can't get the values to increment accordingly. Here is my current script. Slider1: $("#slider1").slider({ max:350, min:100, step:10, value:100, animate: 'true', animate: 6000,
Shorten function, please
Help please to Shorten function, please: Function 1: jQuery(function($) { // Shorthand for jQuery(document).ready(function($) { init1('#buttonOne', 0); function init(selector, count) { //add indicator and hovers to submenu parents $(selector).find('li').each(function() { if ($(this).find('ul').length > count) { $(this).hover(function() { // show subnav on hover $('ul li:first', this).load('pageOne.html');
mark some specific dates from database
Hello I am using JQuery Datepicker inline with 12 number of months. And i want to mark some specific dates those are stored in sql server. And i want to add dynamic tool tip for those dates(not necessary). At now i m doing this <script> $(function () { $("#datepicker").datepicker( { numberOfMonths: 12 } ); }); </script> </head> <body> <form id="form1" runat="server"> <br /><br /> <div
How to add third submenu? (only an idea please)
Friends I need your valuable help of how to add third submenu? Project working: http://jsfiddle.net/n3fwe/12/ Objetive: (examples: ) or: Where I can begin to change? js: var List = [{ props: { "data-id": "r1-c0-sC0", text: "one", title: "description one" }, sub: [{ props: { "data-id": "r1-c1-sC0", text: "one:A", title: "description one:A" } }, { props: { "data-id": "r1-c2-sC0", text: "one:B",
javascript animation doesnt play after ajax call
So i have a project where I am creating an interactive product guide aim for ipad. I created using adobe edge animate to add some interactivity to it but now i need to link about 4 of them off a central menu document. The problem is that the javascript created by edge animate wont play when i load the page by ajax. It works fine when I load the documents without ajax but Id prefer to keep the flow of things that is created by ajax. Any one have any ideas and what to do? Here's the site demo
button text updating
jquery mobile 1.2, jquery 1.7.2... I have an <a> tag that is essentially a phone number, and this is in the data-role="content" div of the page <div style="float:left;"><a data-theme="c" data-role="button" href="tel:" id="nvphone"></a></div> that gets set by a call to JavaScript, lets say GetPhoneNumber(). I am using $(document).on('pageinit', function() { var navph = GetPhoneNumber); $('#nvphone').changeButtonText(navph); }); // found this funciotn online..... (function($) { /*
On Select open url
I have a drop down list that is being created from a UL list. The ul list looks like this: <ul id="quick-links> <li><a href="http://www.test.com/" target="_blank">Test 1</a></li> <li><a href="http://www.test.com/">Test 2</a></li> <li><a href="http://www.test.com/">Test 3</a></li> <li><a href="http://www.test.com/">Test 4</a></li> </ul> I'm using Foundation as my base and that's what changes the list into a drop down box. I'm trying to figure out how to code it tow where when an item
DatePicker StartDate cannot equal to EndDate
Hi, How to disable the date selection so that StartDate and EndDate is not equal. For example, if I selected the StartDate is "16/01/2013", then in EndDate I should only able to select start from "17/01/2013" until current date. And if EndDate is "20/01/2013", then selection date for StartDate should start from any date until "19/01/2013". Below is my code, I don't know what should I add to match with the requirement: $(function () { $("#startDate").datepicker({
Load Dojo from CDN using jQuery
Here is the Dojo example that perfectly works <!DOCTYPE HTML> <html lang="en"> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" media="screen"> <script type="text/javascript"> dojoConfig = { parseOnLoad: false, async: true }; </script> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js" type="text/javascript"></script> <script type="text/javascript"> /// Require the registry, parser, Dialog, and wait for domReady
How to edit field input in jquery ?
Hi! I need to edit a field input html in jquery. How I do that ? Thanks you!
How To Add Jquery Mobile To a page
Our website is built on a content management system called dotcms. I’m working in a dotcms version 2.2 environment and I’m logged into the administrative portal and am testing a new JQuery mobile page. The language I use to write our widgets, for the site is velocity and both the dollar-sign (“$”) and the hash mark (“#”) are on every line of code depending on whether I’m referring to a variable(all variables start with a “$”) or issuing a directive(directives all begin with a “#”). So when writing
Simple code explanation- Beginner Question
Hello, New to jQuery. I am really on a deadline, hence seeking help from the forum. I need help understanding this piece of code which basically retrieves the time and date. So if anybody could explain it to me elaborately, that'd be awesome. Ultimately, my aim is to send to processingjs. To be precise, i need to send the user's selection as well as the result of that selection. Where is the retrieved date, time etc stored exactly? Here's the example. and the code- <script type="text/javascript">
Localized jquery mobile application - Need inputs.
All, I'm building a localized mobile application in which I'm using a unicode font and have created numerous json files, At a rough estimate my "JSON" files comes around 25 MB. I just want to know, is there any way to optimize the size of files when we use localized unicode fonts?. Can anyone share your thoughts here?. Thanks, Dave
jQuery Gallery
Hi all, Firstly I hope this is the right forum; if not, please redirect me! I've recently started using a template for my photography portfolio that uses jQuery for the gallery. I have no jQuery knowledge, and the gallery is working fine, apart from one thing I'd like to change. I'd like the gallery to change image every x number of seconds (i.e. a slideshow). I've had a look around and I can't find anywhere that really helps with that, so I'm hoping someone here would be kind enough to assist me.
JQUERY UI - Tabs ajax load doesn't work bug?
Hi from here http://ugom.comuf.com/meteo/stazione_meteo/dati_storici/ (sorry for slow site but find i fast one in not easy) select "dati giornalieri" pick a day shuold appaer a tab ui the problem is if I pass from "dati testuali" to "performance gfs" is all fine If I pass from "dati testuali to "grafici" is ok but after i click on "performance gfs", performance gfs I obtain a blank page. If after I click on "dati testuali", "Dati testuali" is correcly showed substantially each time I pass from "grafici"
jQuery UI Autocomplete problem on Kindle
Hi, i have a problem on Kindle. The UI Autocomplete script is not working well because of Kindels Autocorrect. Basically when the autocorrect is off the script is working perfect. Can someone help me with this ? BR, Dragos
Jquery Autocompete Issue
Hi All, I have implemented jquery autocomplete script on my drop down lists... However, issue is after applying this script my drop down list does not generating server side events.. Means, the autopostback property of drop down list is not working... But when I will remove this autocomplete script from drop down list, it is posting back to the server... What is the issue and how should solve this ????
Delimiter for multiple words on Autocomplete plugin
Hi, I have a question - how to make autosuggest after simple typing word, without delimiter or after whitespace: select: function( event, ui ) { var terms = split( this.innerHTML ); // remove the current input terms.pop(); // add the selected item terms.push( '@<a href="' + ui.item.link + ui.item.value + '">' + ui.item.label + '</a>'); // add placeholder to get the comma-and-space at the end terms.push( "" ); this.innerHTML
display: none css not working on one of my pages
I am trying to hide a loading gif for ajax. On the first two pages I have my hidden: none set in css like: #preloader{ display:none; } then the div looks like: print " <div id=\"preloader\"> <p class=\"center\"> <img src=\"ajax.gif\" alt=\"AJAX loader\" title=\"AJAX loader\" /> </p> </div>"; I am using php, that why its print and all the back slashes. But for some reason non of my divs are being hidden and I can not for the life of me figure it out. ANy idea what could be causing this problem?
blockUI (v2.42) and IE8 (Err: Message: Not implemented) setExpression
I am having an issue with blockUI (v2.42) and IE8, where I get the error below which points to the setExpression method. I see a similar error submitted few years back and resolved (v2.16?), however I'm still experiencing the issue with v2.42. I'm fairly new with javascript so some help would be appreciated... The current behavior is: - Code is pretty straightforward, calling block() on a div, making a jquery ajax call that updates a jqgrid in the div, and unblocking on success or failure. - My code
JQuery dialog ::: Type Error: b is undefined
<html> <head> <script src="/javascript/jquery-1.8.0.min.js"></script> <script src="/javascript/jquery-ui-1.8.0.min.js"></script> <link rel="stylesheet" href="jquery-ui.css" /> <script> jQuery(function() { jQuery( "#dialog" ).dialog(); jQuery("#dialog").dialog("open"): }); </script> </head> <body> <div id="dialog"></div> </body>
Jquery Dialog With Scrollbar In IE7
Hi, I am loading a page using jquery dialog. If you notice the dialog box in the image content starts some where in the middle if there is more data on the page and there is a scroll bar for parent page also. I want the content to be start from the top of jquery dialog & no scroll bar for parent page. Any help would be appreciated.
Show popup outside an iframe?
Hi! I'm forced to work with iframes in a project. The jQuery Mobile header is in a iframe and I have a button with data-role="popup" Header.aspx <div data-theme="b" data-role="header"> <h3>Title</h3> <a href="#popupMenu" data-rel="popup" data-role="button" data-icon="check" data-iconpos="right">Popup in Default.aspx</a> </div> <div data-role="popup" id="popupMenu" data-theme="a"> <ul data-role="listview" data-inset="true" data-theme="b"> <li data-role="divider" data-theme="a">Popup API</li> <li><a
Slider Madnezz
Hey everyone, I've been searching for weeks on how to get a slider working but I can't figure it out so here is my cry for help.. I came across this lovely post:http://atomicrobotdesign.com/blog/web-development/infinite-slider/ Now what this does is show images (or i use divs) accross the entire screen. What I want to do is show only 4 images in a seperate div so the previous or following are invisible until you click next or prev.. I also want to have links on my page and when you click them the
A script on this page is causing Internet Explorer to run slowly
Hi All, I am using Jquery and Jqgrid for my application GUI development. Using JQGrid tree grid i am developing a tree structure in my application.I am able to create the tree structure ,But at the beginning, while page loads always getting one warning message as "A script on this page is causing Internet Explorer to run slowly". I am using IE 8 for my application development. I googled but I could not able to find a suitable solution to this issue. Any Suggestions or Help appreciated. Thanks!
Forcing attribute title tooltip
I want to force a tooltip on a mouse click. I want to use the default yellow browser tooltip which normally appears when you mouse over an HTML item with a Title-attribute in it. How it works right now is the user clicks on the label of a textfield and then a database call retrieves the tooltip information. Javascript then inserts this information as Title attribute. However when you want to see this tooltip you need to move the mouse a little before it's triggered and I don't want that. It needs
What am I doing wrong?
Hi I'm working in dreamweaver and I have inserted a jquery Tabs widget indo my site. It looks fine in LIVE view but on browser when I upload it looks awfull... what have I done wrong? it shows like this instead of tabs...the GREY area are the(buttons of the tab)
using divs for table-like layout, how to highlight certain divs with jquery
I am using divs to create a table-like layout. I am trying to mimic a table row being highlighted but with a div approach. Is there an easy way to do this with jquery, without throwing id's/classes on every div? I cant think of a suitable css fix. Here is my fiddle
should every scripted file inclode $(document).ready();
i know what is $(document).ready $(window).load my case is like this <script type="text/javascript" src="scripts/jq.js"></script> <script type="text/javascript"> //some code </script> i am into splitting my code into files so <script type="text/javascript" src="scripts/jq.js"></script> <script type="text/javascript" src="...."></script> <!--file1--> <script type="text/javascript" src="...."></script> <!--file2--> ?should file one and two have $(function(){});
Error on $.ajax: 500 internal server
I don't know what is wrong in my code here, but I receive this error. Request URL: http://localhost:1690/WebSite5/WebService.asmx/gotodb Request Method: POST Status Code: 500 Internal Server Error My code: $("#_butt").click(function () { //alert($("input:text").length); $('#table input[type="text"]').each(function () { $.ajax({ type: "POST", url: "WebService.asmx/gotodb",
panel and navbar
Hi I cant get panel and navbar to work together. the navbar you be below header. But when I add panel the navbar jump down? http://jsfiddle.net/Ym5Jw/ the documentation says it should be above header.. works fine if I add navbar inside header.. but dont want to do that, then it look difrent and dont like that look Im trying to get it to look like this... but panel not added on this one http://jsfiddle.net/hT2Gw/
Jquery accordion menu works fine offline but when uploaded effect all stop working
I've been setting up an accordion as per the example on the site: http://jqueryui.com/accordion/ It seems to work perfectly offline and looks how i want it etc, but once I upload the page and the files it just simply won't work and I can seem to figure out what I've missed or done wrong, if anyone could help it's be very appreciated! link here to my attempt: http://www.ospa.co.uk/testingsite/botox.html I'm sure its something really simple but I can't get my head around it
JTable — Microsoft JScript runtime error: Object doesn't support property or method 'slice' IE8 MVC
I am using Jtable for one of my MVC projects and facing a problem in edit functionality. Whenever I click on Save button on Edit window, I am getting Js error -- Microsoft JScript runtime error: Object doesn't support property or method 'slice' and the modal window is not closing. Could anyone please help me to get rid of this problem. By the way, the issue is seen in IE8, it is working like a champ in IE9. -- Gopinath.
element insertAfter for each instance of class
Hi, I have a series of divs all with the same class. Within each div, are two sub-element divs. With the use of a function I would like to swap round the order of these two sub divs, so the first sub div comes after the second. This is the HTML: <div class="containingDiv"> <div id="first_sub_div">first div copy</div> <div id="second_sub_div"">second div copy</div> </div> Both this: function myFunction() { jQuery(".containingDiv").find("#first_sub_div").insertAfter(jQuery(".containingDiv").find("#first_sub_div").next());
tabs: Change Ajax data loaded before append
Hello all. I've some tabs loaded dinamically with AJAX. BUT, my datasource have it's own images repository and it uses relative paths. So, I'm receiving from AJAX calls something like this <img src="/apps/images/XXXX.png" /> I'm trying to change these src attributes, but I can't wonder what is the correct place to do this. I tried in beforeLoad event, change the images but, after that, I can't stop the default tabs load behavior and jQuery insert the original data content, overriding mine. I also
Next Page