Displaying an image on mouse click location
Hey guys, So I have an image, id="image", and I have coordinates and some other stuff feeding out of it into an array on a mouse click. Now what I want is for a small image to appear on the place where the mouse is clicked as well. I was told jQuery would be able to do this? Any ideas how I'd go about it? Thanks!
Newbie - Jquery won't align right
I'm using Dreamweaver MX, but I have only a very basic understanding of html. I finally got Jquery in the right place on my page, but then I made a mess when I tried to add more tabs. I couldn't figure out how to re-align everything, so in desperation I removed the sample markup and reloaded it. But every time I reload the sample markup, there are still pieces all over the place. I even re-loaded the code in the Head section, but Jquery parts are still scattered around the page. When I first tried
Open a hidden div when checkbox is checked
I am trying to open a new window (hidden div) when a checkbox is checked. Right now the way i have it is it is opening when the checkbox is clicked instead of checked. I have been trying to figure it out for a few hours now and just hoping somebody can help a jquery newbie. Here is my code in case someone wants to take a look. $(document).ready(function() { $('#imgFiche') // ($(this).attr('checked')){ .attr('target', '_blank') .click(function(e){
What's different between jQuery & jQuery UI ?
Hi guys, I'm newbie in jQuery. I'm interesting in the different between jQuery & jQuery UI? Does UI is the other jQuery plugin or what? Wanna get this concept clear, thx for reply first.
Change BG image of div in slideshow format using jquery
I've been all over the web looking for how to do this, but everything I can find is complicated, and I have had trouble boiling it down to what I need, and making it work: I want to change the "back-ground image" property of a div every seconds with a decent fade in out. So the div's background image will cycle through a series of say 5 images over and over again. I dont need any controls or anything. Just want that BG image to cycle over and over and over..... Ryan
Dialog Form breaks in Chrome and Firefox
Just installed UI and built a simple page for the Create New User demo. Works fine in IE 8 but the form window opens then closes almost instantly. I looked at Firebug and there is a long list of errors, the top one of which is "Warning: Unknown property 'zoom'. Declaration dropped". This seems to be a common error. Versions: jquery-1.4.2.min.js jquery-ui-1.8.2.custom.min.js Thanks
Javascript Question regarding CSS Span classes
Hey all, my first post here. I'm primarily a designer but need to get more into the code aspect of things (and will be getting jQuery asap), but at the moment i'm very behind on time on a project and could use some quick help. Basically, I'm making a dynamically loading text box input area for RMA returns for our products. But thats kind of irrelevant, here's my question: I have an external style sheet with only this in it (more will be added later for future sections, thats why im making it it's
DIV's slideUp/slideDown not working after postback
Morning, I have a six DIVs, each containing another DIV that slideUp and/or slideDown upon a click on the its parent DIV. Each DIV has a textbox, or a datagrid, or a textarea and a button (to save the data). I have a click function attached to the parent DIV that changes the class of the child DIV (expanded/collapsed). Also, the click function calls another function to save the state of each child DIV. The idea being to maintain the state of the DIVs upon return from postback. The slideDown and slideUp
Clearing text fields
Hey guys, I am using jQuery AJAX to submit a form. When the data has been validated successfully and processed, I want to clear the form, but I am unsure how. I have been trying to make it work for a few hours now. I am showing status messages in the container below: <div id="resultContainer"></div> When everything was successful, it looks like this: <div id="resultContainer"> <div class="success" id="complete">Your registration was successful! However, you must activate your account
Micro Question. XPATH
Hello everyone I'm new to JQuery but I have a question my script does not work I think the error is in line 13 that no class Pour the link that will be? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <style> a.samsung{ color:#CCC; background-color:#666; } </style> <script src="../jquery.js"> </script> <script language='javascript'> $(document).click(function(){
rebuilding flash-menu
I want to rebuild the flash-menu on this website (http://www.cilia-erens.nl) by using a jQuery plugin. I will build the website in WordPress, using the WordPress navigation of my theme. I'm looking for a plugin that moves 2 seperate background-images as if following the mouse-pointer. I've no idea where to start looking, so any suggestion in the right direction is welcome.
Can it get smaller?
Ok, Can it get any smaller / more logical? I created this (with help from internet/ and info from here). It works that's just great. HOWEVER the coding is in my opinion incredible dirty so to say. Could you get this code more efficient / better? Copy code $jquery('ul.show_pictures li').filter(':not(:first)').hide().end().filter(':first').addClass('showing'); $jquery('ul.show_menu li').filter(':first').addClass('showing_menuitem'); rotate = function(){ $jquery('ul.show_menu li').removeClass('showing_menuitem');
Weirdness with hover and transparent regions
Hi all, I am new to jQuery and web development in general (not new to development, but thought I would see if this whole interweb thing was a fad or not). First off, love jQuery, it is the awesome. That said I am seeing some weirdness in IE 8 (wut?!? I know!) with jQuery's hover method and wondering if it was a known issue or something I am doing wrong. I will try to explain what I am seeing, perhaps I can upload pics/attachments if it is unclear. I have this (more or less) <div>
2 forms.. onclick, submit the second form??
I'm simply trying to get one form's submit button to submit another form.. Just can't seem to figure out why it does not work.. Could anybody take a look? Click Here $(document).ready(function(){ $('#submit1').click(function(){ $('#form2').submit(); }); });
.addclass() doesn't work, but .removeclass() does? Missing something big?
Hi, So when I use the following .js the .removeclass works, but not the add class. I think there may be something bigger I'm missing I'm not really sure. Any overall guidance would be great. Thanks $(document).ready(function() { $('.title').addClass('titletwo'); $('.title').removeClass('title'); }); Here is my .css and .html .para{ background-color: aqua; } .title{ background-color: green; } #header1{ font-style: bold; } #para1{ font-size: larger; } .titletwo{ text-color: white; } <html> <header>
Double click needed in firefox
I have a list with links, once i click a link i load an external html file inside the the content div, called leftColum. This works great on IE but i need to double click on firefox for the html to be loaded! any ideas? function replaceContent( buttonId, content ){ $(document).ready(function(){ $(buttonId).click(function(){ $("#leftColumn").load(content); }) }); return false; } //more code //i call the function here <li><a id="link1"
help with "folding menus"
Hello, brand new to jquery. I'm sure what I'm asking is jquery 101, but I'm hoping someone can help me with this, it should be a quick one. I have a main menu that I want submenus to unfold or slide when I mouseover, then hide when the mouse is neither over them nor over the main menu. I almost have it working, except that when you transition from one item to the other in the submenu, the submenu hides, even though I've done the mouseover on the div that contains the items and not the items themselves.
How to avoid some characters to be inserted in a input ?
Hi Can anyone tell me please how can I block some characters to be inserted in my input, for example I don't want the user to insert numbers in a firstname input Thank you guys!
problem to make ajax with jquery and play framework
Hi, I am starting to use ajax with jquery with the play framework but i have some difficulties to make my stuff working. I hope you will help me. Here the problem : $(function(){ $("a").mouseover(function() { if($(this).attr("title") == "") return false; $("body").append('<span class="infobulle"></span>'); var bulle = $(".infobulle:last"); //bulle.append($(this).attr("title")); $(this).attr("title",""); $.getJSON('../../ajaxrequests/getdescriptif',
jquery code runs, background changes, but Dialog Not showing
I'm trying to work with a jquery dialog, starting with code from a site at http://www.queness.com/post/1696/create-a-beautiful-looking-custom-dialog-box-with-jquery-and-css3. I set up a small sample php and modified the code to make an ajax call. It all worked correctly, but when I tried to migrate the code to an existing php page, what happens is the back ground changes to the grayed out color, but the dialog box does not appear. I put alerts in each of the jquery procedures, which all fire, but
Get anchors that have the title attribute
I've tried this code to get all anchors that have a title attribute but it does not work: $("a:has([title])").css("fontSize", "1.5em"); The strange thing is also that if I take away the a selector in front of :has all elements in the whole document get selected.
Learning the Basics of jQuery.getJSON
info.json { "name": "John" } the script $(document).ready(function(){ $.getJSON('info.json', { hobby: "chess" }, function(json) { alert("name: " + json.name + " hobby: " + json.hobby); }); }); This script will successfully display "John" in the alert, but not "chess." It displays "undefined" instead of "chess." Any ideas what I'm doing wrong?
Repost: I can't get UI Accordion to work at all... Help!
I posted this in the Using jQuery forum and perhaps should have posted it here since I am very new at this. Any suggestion??? THANKS!!! Hello. I am a new jQuery user and am pulling my hair out trying to get an accordion menu to work on my site. I originally tried using the jQuery accordion that you can see in the left column on this page: http://globalindiana.com/test/newsite/ It worked great in Firefox, but not in IE. So, I decided I'd try Accordion UI and I spent the afternoon learning how
jQuery Ajax PHP Countdown
I'm new to Javascript and jQuery and would like some help. I am running a script that counts down from 10 minutes second by second. Here is the PHP. It should be simple enough. it sets a cookie "num" that holds the total number of seconds. The rest of the script breaks it down into minutes and seconds. <?php $inTwoMonths = 60 * 60 * 24 * 60 + time(); if(isset($_COOKIE['num'])){ $num = $_COOKIE['num']; $sec = $num`; if($sec<10){$sec="0$sec";} $min = floor($num/60); if($min<10){$min="0$min";}
How to create a custom fileSelect event
I want to create a custom fileSelect event that would be bindable on input type="file", and would fire after each file select. I can't use change event, as this is not triggering when the same file is selected. Can anyone help me with that?
jEditable input value to refresh the element content on submit
My greetings for everyone! Like the title says, I am using jEditable plugin to test some inline editing code, but I can't get the input value, because when I submit the data, it returns to a normal element with the old data, not with the new one. Take a look at the attached screenshot image. Well, I tried to get the element .text() or .html() on keyup event and save it to a variable, but it returns all the input and buttons together =[ I've read on the project website that I can handle all the data
Several Questions
Greetings JQuery. I am a new user to this forum as I have only just picked up on Jqueries. They are fantastic! Yet, I am still unfamiliar with many of the plugins. I am therefore seeking some help and advice. The reason why I am searching for such an expert is that I have only recently discovered these wonderful scripts and would love to be able to implement them, but I am lacking the experience. What I intend to do, once I am out of Cameroon (West Africa) and back home in the UK, is to implement
Adding functions
Hey guys, I have a very newbish question, but I have searched for a long time and did not find an answer anywhere. How do I add my own functions (methods). I am a Java / C# / PHP programmer so I am used to making functions/methods to simplify my code and to make it easier to reuse parts of it. However, I am not exactly sure how to do this in jQuery. Let me just give you a very simple code snippet in Java to make sure you understand what I mean. public void myMethod() { // My code here } Then
list of links to load image/text into div on same page
Hi, I'm really new to jQuery and I'm looking for what I imagine would be a simple task. I have an unordered list (ul#garment_selector) sitting in a div (div#program_scroller) and each of the list items has a link that I'd like to display an image and some text into a div on the same page. I don't want any fancy animations or anything like that, I just need to display an image and a related description/price into a new div, preferably without reloading. I have quite a few different lists of links
accessing public properties of a custom control
Hey I have a custom control with a property set up in the code behind called EnableVControl. i can access it fine in the basic html like this when i set up the control <uc5:AEPDropDownListCTL ID="ddlFrequencyMonth" runat="server" EnableControl="true" EnableValidator="true" IsRequired="true" Label="<%$ Resources:LocalizedText, FrequencyMonth %>" /> but I can't figure out how to access this through JQuery. I've been trying to set it using
Get 2 seperate sliders to work on my web page.
Really struggling trying to get 2 seperate sliders to work on my web page. Please take a look at; acknowledgedtest.info/home-slider.html not a spam its test site so nothing to gain from my end. the slider at the top works fine, but the 3 boxes with the arrows underneath should scroll/slide back and forward when clicked. If I remove the js links for the top slider the bottom then works; <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script>
The first three ones only
Hello everybody. I´m a little bit lazy today [Maybe because is friday] and that´s why I come to you guys xD I was wondering how can I make a selector that lets me show only the first three <li> elements of an <ul> element, on the ready() function ?? You can suppose that the <ul> [More than one] has a class or are accesible via his parent or sibbling xD Can anybody help me clear my thoughts ?? Thanks in advance
ContentFlow help
Hi, I got the ContentFlow from http://www.jacksasylum.eu/ContentFlow/, and I'm trying to contact the makers, but they're not getting back to me. :( This is my first time seeing jQuery - is there anyone that can help me out with figuring a few things out, please?
jQuery causing blank page in ASP .NET master page environment
I have a page that's built using ASP.NET and using a master page. Page contents shows up for a moment then I get a blank page - when I run it. If I remove the jQuery code from my page - then I get the contents. I tried putting the following in the master page. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" > </script> Any idea why it's not working and how I can make it work? Thanks.
jquery doesnt work on localhost
I have multiple dependant select boxes. if I choose in parent select child box automatically collects data from database & and show selected results to child select box. everything works fine on hosting. but doesnt work on localhost. is there any additional settings to apache to use jquery? I am using this example http://github.com/ehynds/jquery-related-selects when I choose value from first select - the child select shows always please wait. Please help. thank you.
How do I insert a div?
Hello... I would like to insert a div into a nested list...to make this: <ul class="a"> <li class="2"><a href="***">Something</a> <ul> <li>Something else...</li> <li>Something else...</li> <li>Something else...</li> </ul> </li> <li class="3"><a href="***">Something</a> <ul> <li>Something else...</li> <li>Something else...</li> <li>Something
Creating dynamic, tabel-like DIV structre
Hi everyone, I'm just starting JS and jQuery, so my be there is a much better way than mine. I would love to hear about it! :-) I need a tabel like structre, "rows" of DIVs with to DIV "cells inside, like this: <div id="rowX" class="row" style="xxxxxx"> <div id="A" class="valueA" > <img id="bildA" src="1.png" /> <div id="textA" class="cellText" ></div> </div> <div id="B" class="valB" > <img id="bildB" src="1.png" /> <div id="TextB" class="cellText" ></div> </div> </div> I would like to creat this
I want to select the element by ID with a variable.
I want to select the element by ID with a variable. Is it possible? <div id="comment_132"> some value </div> <script> var n=132; alert( $("#comment_"+n).html() ); // Why it's not working?? </script>
nav-bar style by Joel Birch - beginner help please
Hi all........Hope someone can help me out here. I'm using the nav-bar style code by Joel Birch, but i'm struggling a little with it. http://users.tpg.com.au/j_birch/plugins/superfish/#sample4 I'd like to change the width and bg colour of the top level and child level. I've attached a screen grab to illustrate. Also, if anyone else has examples of using this code, it might be a great starting point for me. Thanks in advance Andy
Preselecting Checkboxes in a modal
I am looking to use the jqueryui checkbox buttons and I am having a problem with checkbox selection. In an ajax tab page I can set checkboxes to checked or unchecked and the behaviour is correct. I have a php script in a modal dialog outputting from a db setting previously selected fields to 'checked' (much as you would normally). This results in the label converting to a button alongside the normal checkbox, rather than the button and hidden checkboxes. If the modal is populated from a separate
Next Page