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
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">
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!
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.
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
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
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">
Multi radio button selection event firing
I have gota a form with 2 questions, each with a radio buttons. When I click on a radio buttons either of the questions, I want the event #edit-next to fire, which will make effect on the drupal form at the moment when i click on 1 questions radio button the event fires but i want 2 radio buttons 1 from each question for the the event to fire (function ($, Drupal, window, document, undefined) { $(document).ready(function() { $('.form-radio').click(function() { $('#edit-next').click(); }); }); })(jQuery,
Treeview auto node expand on page load
hi, I will greatly appreciate you for answering the following i am using treeview menu from http://www.lateralcode.com/jquery-drop-down-menu http://demo.lateralcode.com/jquery-menu/ http://www.lateralcode.com/wp-content/uploads/jquery-menu.zip How I can expand certain tree node for the page being loaded/opened ? currently my tree menu working example is at http://www.apparelnbags.com:8000/treeviewNew2.aspx Thanks in advance, Shujaat Kagathra.
How do i retrieve Data from a form (inset with form) to a table
Hi all, Im kind of new to the whole Jquery. i am able to make a inset with forms but then i want to retrieve the inputs from the forms and put it into a table underneath the input forms. how the hell do i do that? :P or does anybody know a good tutorial on how to do that? thnx in advance
change Mouse position using scrpit
How to Change mouse position from one place to another place when keydown event is triggered using jquery or javascript?
Only Execute jQuery on Homepage
Hello all! First, just want to say thanks in advance for your help with my question! I'm and VERY new to jQuery.. I have a WordPress theme I'm using, and it there is a piece of jQuery that I only want to be executed on the homepage. Here's the code I'm wanting to execute: $('.collapse').collapse({ toggle: true })In other words, if it's the homepage, I want to execute what's above, "else" I want to make toggle: false How do I go about doing that? Thanks so much in advance for your help! Please let
Css gets confused when using Jquery drop down along with Jquery UI
Hello freinds; I use Jquery UI for datepicker and a few other things in a site. I needed to style the drop downs so I used dropkick Jquery. But when I use drop kick drop down it strangly adds inline CSS to some elements! For example in the link below div class star shows as <div class="stars" style="display: none;"> But in my code it is NOT display none! What should I do to fix this? Thank you http://hotels2go.com.au/results_nick.php?city=Sydney&search_type=destination&search_id=2&hid=&pid=&checkin=28+June%2C+2013&altFormat=&nights=1&adults=4&children=0&room_type=any
Floating Div Issue Not Working on Phones
Hey all, I am having some issues with banners I have put on my site that are fixed and non scrolling as you scroll down the page. It works fine in everything except mobile phones! When viewing them on phones the banner will shift right over and hide the content of the page when zooming in. How can I get this to stay in the column it's at? You can see my fixed banner on one of my pages here: http://www.yurtopic.com/society/people/world-festivities.html You can see all this code in the source code,
non blocking UI repeating a function
Hi, i have this liltte function : function Button3_onclick() { if (j > 5) { changebackground(); j = 1; } else{ j += 1; movebackgAround(); } } movebackground affect the background-position property and changebackground do other animations stuff . now how to execute this code forever but without blocking the browser, i have tried with a callback but it block and freeze thanks and good day .
Why triggerHandler() works but trigger() doesn't?
Can someone assist with this question please? http://stackoverflow.com/q/17103090/247243
404s on website/api documentation + glitchy site in general
See:http://api.jqueryui.com/1.9/easings/
Use attribute applied through CSS as selector
I have a series of list item some of which have been made bold using CSS (separate sheet) and some whose font weight is set to normal using CSS. The list items are created dynamically and the application of bold v normal is randomly applied. I want to select each of those bold list items. Is there some way of accomplishing this with jquery? Thanks, Jim
formulário dinâmico com retorno
Ola galera, estou precisando de um script, igual ao usado em chats que envia o formulario e retorna dinamicamente ja tentei varias formas mais nenhuma foi bem sucedida.. fiz com a API Jquery de refresh, mais quando enviar carrega se eu tiver selecionado algum texto ele tira oque eu selecionei.. Se puderem me ajudar agradeço muito..
How can I access the data from a JSON array in Javascript
New to JSON and wanting to set up a site where I could pull quiz data from a separate json file into my site - but it's giving me a hard time. Could someone give me some suggestions please? Here's my JSON file - [ { "question1": "question1", "answer1": [ { "correct1": "correct1" };{ "incorrect1": "incorrect1" };{ "incorrect2": "incorrect2" };{ "incorrect3": "incorrect3"
Product Slider for Website
The following code works great in internet explorer and opera, a little choppy in safari, doesnt work at all in firefox, and both chrome and safari - the product slider glitches and will re-slide while the cursor is still over the product box, i cant figure out why... In Firefox, the slider will continuously slide in a loop.. I am fairly new at JQuery and its probably something simple, but i do not see it. Please help! <script type="text/javascript"> $(document).ready(function(){ $('.productTitle').hide('slide',
I'd like to learn how to make a before-after slider
If anyone here knows how/where, could you point me to a tutorial on this please here is kind what I am trying to achieve http://www.manpower.com/ on the main page when you hover on one of the face the images expands one side or the other and this: http://www.youtube.com/watch?v=970_2Vbi37E currently the tutorials i have found just deal with the older sliders that a series of images along. thx D
Redirect desktop site to internal page
Is it possible to redirect a user who is browsing my site on their mobile to an internal jquery mobile page? Currently for redirecting mobile browsers to the mobile site I use this: <script type="text/javascript"> if (screen.width<800) { window.location="http://www.magnetikmedia.co.uk/m/index.html"; } </script> I added a new page today called http://www.magnetikmedia.co.uk/monthly-pricing.htm and I also added this to the mobile site so the link to the mobile version is now http://www.magnetikmedia.co.uk/m/index.html#monthlypricing
How to convert resposne to boolean?
How can I convert a ajax response to boolean value? I have the following jquery code using the jquery.form.js. The response is just 0 or 1. However the if(response) is always evaluated to true.... <script> $(document).ready(function() { $('#loginform').ajaxForm(function(response, status) { if(response) //do sth else //do sth }); }); </script> <form action="Login" method="post" id="loginform"> User: <input type="text" name="user"/> <input
comment box
Hello i wanna know that how i can add comment box to my page???
Select menu and .change problem
I am having a problem with a generic function (see below) that I have created to generate select drop down menus. Note: I don't show the CSS with this sample: The function would be called like this (note texts is an array): this.sourcemenu = new Dropdown("#menus", "datasource", texts, 140); this.chartmenu = new Dropdown("#menus", "charttype", texts, 70); The getValue function should return the current value of each menu. But it appears that if two menus are created, a call to app.sourcemenu.getValue()
Add Row to table
I have a table with : Time, CAB, New, Follow Up, Reserved, Urgent radio buttons Plus a javascript function + - that Adds / Removes a new row to the table with an incremented Counter (see below) How can I code the page so that if you click on CAB it opens up a popup and the options you select are placed into a hidden field on the page (with the Counter as the id BUT only for the first time you select CAB. I can get it to work IF its the first option (because this is hard coded in the html, but
How to format minDate for datepicker
Hello, How do I format the minDate that goes to the datepicker. Im getting a month and year from a previous ?datepicked? field. And Im using the value in that field to set up a minDate thingy. I have the below, but I cant seem to get the format correct. SCAYEA is a 2013 field. $("#SCDATE").click(function () { var mm = $("#SCAPER").val(); var yy = $("#SCAYEA").val(); var yymmdd = yy + '/' + mm + '/01'; var mmddyy = mm + '/01/' + yy; $("#SCDATE").datepicker({minDate:yymmdd});
Trying to find the value of the next input after an element
How do I get the value of the next input after a b element containing 'Matching wallets'. I can't use the input's id as it depends on how many inputs there are I've tried this but wallets is undefined var wallets=$('a.cart-item-name:contains("Matching Wallet")').parent().parent().parent().parent().parent().parent().nextAll('td center input').val(); HTML <td> <table cellspacing="0" cellpadding="4" border="0"> <tbody> <tr> <td> <font>
Can anyone point me in the right direction with this?
I have an interactive menu on my potfolio page http://nesteggdesigns.co.uk/portfolio/main.html, it is split up in to different boxes which, when hovered over, display a slider over the top of each relevant box, this slider div contains info etc. The problem that i am having is every time the box is hovered over the animation seems to slow down each time and also I need to be able to only use the amination when the mouse is on it for a longer period of time, or it gets stuck and just goes backwards
Using .slideToggle()
Hello. I am trying to figure out how to use some of the options for .slideToggle() . I have a small snippet of code below: <!DOCTYPE html> <html> <head> <style> </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <div id="clickme">click me</div> <img id="book" src="book.png" alt="" width="100" height="123" /> <script> $(window).load(function() { $('#clickme').click(function() { var test = $('#book').slideToggle(600, 'linear', function() { // Animation complete.
how to preload html content into a div ?
_toc.html is a large file with "table of contents" content that I load into a specific DIV and then manipulate its style with jquery. (I like this approach for presenting the same content in all 100 web pages that need it.) It works so far BUT the rest of the web page appears first, and 2 seconds later, the DIV content appears. How do I get the DIV content to appear at the same time as the rest of the page? My current code: // the callback var loaded = function() { styleTheTocNav(); // acts
How to detect if DOM element attribute changes based on an event?
Anyone knows of a way to detect when a DOM attribute changes with jQuery? For example, I have the following HTML code.. <div id="ctl00_ctl00_cphMain_cphMain_upoCategories_uprProgress" style="display: none; position: absolute; z-index: 100000; width: 723px; height: 1014px; left: -50000px; top: -50000px;" role="status" aria-hidden="true" class="updateProgress"> <div style="position: absolute; left: 353px; top: 299px;"> <img id="ctl00_ctl00_cphMain_cphMain_upoCategories_imgUpdating"
Calling a jQuery function from another file
OK - I didn't think this was going to cause me such big headaches. I have the following function: function getTimeStamp() { var now = new Date(); return ((now.getMonth() + 1) + '/' + (now.getDate()) + '/' + now.getFullYear() + " " + now.getHours() + ':' + ((now.getMinutes() < 10) ? ("0" + now.getMinutes()) : (now.getMinutes())) + ':' + ((now.getSeconds() < 10) ? ("0" + now .getSeconds()) : (now.getSeconds()))); } Until this morning - the function
Can't get inner div to scroll
I'm trying to get a div to scroll but have the page not scroll. The div "content" is being replaced by javascript using innerHTML. I cannot get the content div to scroll with the following code. But it does scroll if I put in height:800px. But I don't want to specify the height because this might be on the desktop or mobile device. I want the height to be by percentage. I have the following structure <body> <div id=header style="height:100%">headerinfo</div> <div id=content style="height:100%;overflow:auto">content
Looking to built like counter
Hi, I need to build a like counter as like in facebook which increments value behind the page when like is clicked. Here also i want to do the same but here instead of "like" i want to make as "Pray" once clicked likes for that post should be incremented on database and here on user side(client side) Pray should be changed to "Prayed". And also a value i.e how many people prayed also incremented. here the code, i need to do all the things above mentioned. With this code i cant get exact message id
dates
Hi I am using google RSS feed to pull in an xml file using jquery and jquery mobile, this works well, however the date is reversed. In the XML file, the date is correct (DAY-MONTH-YEAR) but in my app the dates (Months and Days) are reversed. Is this easy to fix? and if so, could anybody please help me? Any help would be greatly appreciated? Below is the code that i have so far: the area is highlighted in red if it helps? var googleResult = []; google.load("feeds", "1"); function initialize()
jQuery does not support .Post() in IE
Hello, I have the follow code: <script src="jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#Buscar").click(function (e) { e.preventDefault(); $("#resultado").html("Cargando... <img alt='cargando' id='loader' src='http://148.232.110.91/Embarques/loader.gif' />"); $.post("Controlador.ashx", { // cmbReportType:$("#cmbReportType").val(),
Next Page