Jquery hover help
Hey all, I need some help with some Jquery. What i want to do is to hover over an image and text will slide underneath. However, I want to images below to slide down as well. So the text does not interfere with the image below. Hope this makes sense. Please send me a link to tutorials, website or a detail explanation. Thank You Ryan
Using found address to load
Sorry for this basic question. I need to retrieve part of a web page pointed to by a link <a class="fetch" href='web_page_address'> ... The part I want has an id of 'unit_descr'. When I know the address beforehand and can enter it manually without fetching it, this works: $(document).ready(function() { $('.insert_point').load('web_page_address #unit_descr'); return false; }); However when I try to fetch the address and concatenate with the id of the part I want, it will not work $(document).ready(function()
query all Href that conains text and fix link
I have a website where the links are getting messed up in a table. They are being posted by a third party application and as far as I know javascript/jquery is the only way to fix them. <table> <tr> <th>Test1</th> <th>Test2</th> </tr> <tr> <td>test</td> <td><table><tr> <td><A href="file://\\test.com\folder\subfolder">\\test.com\folder\subfolder</A> test\jquerytest.doc </td></tr></table></td> </tr></table> As you can see the program made the link <A href="file://\\test.com\folder\subfolder">\\test.com\folder\subfolder</A> test\jquerytest.doc
jQuery gallery fade in and out?
Hi I'm new to jQuery and wondered if anyone can help me? Im try to built a web gallery with a rollover fade and text colour change. So when you rollover a thumbnail all the other thumbnails fade to 0.4 opacity and the one have rolled over stays at 1 opacity. Web example: http://www.draftfcb.com/work.aspx hope someone can help.
Debugging Jquery
Hi, I am a bit new to Jquery and would like to know how you guys debug it. (I am reasonably good with Java and C# - but I dont know much of JavaScript and jQuery.) I use FireBug right now - but I dont have much experinence with it. For example, I have a HTML table, where one column is a button. I attempted to delete the row containing the button that was clicked according to the discussions at http://stackoverflow.com/questions/170997/what-is-the-best-way-to-remove-a-table-row-with-jquery In doing
Stop auto refresh
Hi All, I'm a newbie of JQuery, and tried to design a script to auto refresh and stop it until there is a value returned which I'm looking at. I found a useful codes in Internet and below is the link http://www.brightcherry.co.uk/scribbles/2009/02/26/jquery-auto-refresh-div-every-x-seconds/ I can start the auto refresh now, but still don't know how to stop it. Seems the codes used the paramter "data" to control should it be stopped or not. But I don't know how to control this parameter, can anyone
italian dumb newbie needs help
hi there, I'm so sorry I have to ask help for this..I'm feeling so dumb, please could someone tell me what I'm doing wrong with this stupid thing? <html> <div class="wrapper_tasto"> <div class="pretasto">Home</div> <div class="tasto"><a href="ancore.html">Home</a></div> </div> </html> <script> $(document).ready(function () { $('.wrapper_tasto').hover( function () { $(".pretasto").animate({ marginLeft: "-300px", }, 200, easeOout ); }, function () { $(".pretasto").animate({
I could use an example of code in my .js file for all tabs to change their content from a link
I could use an example of code in my .js file for all tabs to change their content from a onclick event in a php mysql while looped links which is before the Tabs container. So far I can get the first tab to work. The story can be told better by seeing it http://mikecapps.com/ProjectManager/index.php /*generated link (ajax call)*/ <a href="#" onclick="getlisttext($IDnum)">name of project</a> /*container------------------------*/ <div id="info"> <ul> <li><a href="#intro"><span>Details</span></a></li>
Question about adding event handler to a TextBox inside a TabContainer
I have a TabContainer on my page, and I want to add a keyup handler to the textbox, but somehow I counldn't find the textbox in my jquery function using $('#TabContainer1_TabPanel1_TextBox1'). How to fix my code to make it work? Here is my code: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <script type="text/javascript" src="js/jquery-1.3.2.min.js" > $(document).ready(function(){ $('#TabContainer1_TabPanel1_TextBox1').keyup(function(event){
Ajax Tabs
Hey guys. I'm wondering if anyone could help me with my javascript code. I have some ajax tabs which work great and the tab system works great too, I just need to make it so that when I refresh the page it remembers which tab my user was last on and loads that when the page reloads. Any help would greatly be appreciated, I've tried to do it over 10 times, I just can't get my head around it and it's starting to give me a headache. Would someone be able to help me with this, here is my Javascript code
[jQuery] Problem with script. !GreaseMonkey! Newbie.
<div id="countrySelector" class="ssClosed"> <a href="#" id="countryClicker" onclick='showCountries(); return false;'><span class='si'>United States of America</span></a> <div id="countryInner"> <a href="#" onclick='selectCountry("US", this); return false;'><span class='si'>United States of America (USA)</ span></a> Now... I dont know how to make that my script in GreaseMonkey will choose country. This html code is selection field. How to write code in jQuery to GreaseMonkey? I'm newbie and I need
jQuery Newby - Q's about Scrolling Thumbs & Centering in SlideViewer
Hello all, I love the product and am happy with its ease of use and its customizability. A few simple (I hope) questions if anyone could help me. I am including a link to my galleries. http://www.teachanddiscover.net/photogallery/ (click on individual galleries to view jQuery I would like to be able center the thumbnails underneath the main image, as well as center the image in the #content-left section of the page (in white, where the gallery currently is). I can't seem to be able to figure this
How can I get this effect with jquery?
Hi, here is what I want to do. I created a div and inside this div I inject images inside this div from a jquery ajax .post method. What I want to do is have the user scroll threw the images. Yet lets say there is 50 images. I don't want to load in all 50 at once. I want to have the user to scroll down. once the image leaves the viewing point of the div I want it to be deleted not being able to view it unless the user scrolls back to it. In other words I want the images to be loaded into this
Animated expanding / collapsing area not working as intended...
Hi Guys, I'm building a new site and have decided to use JQuery to make the user experience a little more interactive! On the page (link below), I've added a Site Explorer bar, that when clicked expands a hidden layer, which will contain links to other key areas of the site. Initially the animation worked okay in Firefox... but then on testing in IE8 it appeared that some of the CSS properties that I had animated caused the area to collapse incorrectly. In my attempt to fix this, I'm now left with
jquery over https
I have a site that his working perfectly over http, I have moved it onto our test environment to test over https, am now getting problems with jquery not working. I am not doing anyting complicated. For example function ShowSubmitDiv() { setSize(); ileft=Math.floor(($('#hdnWidth').val() - 164)/2) + 'px'; itop=Math.floor(($('#hdnHeight').val() - 164)/2) + 'px'; $('#DivPageSubmit').css('left',ileft); $('#DivPageSubmit').css('top',itop); $('#DivPageSubmit').bgiframe({opacity: false}); $('#DivPageSubmit').show('fast');
Working around JSONP
JSONP is to get around crossdomain issues... So is it literally by domain that causes the issue? So for example... Site with the JSON: http://json.examplesite.com MySite: http://www.mysite.com Could I add a DNS entry to json.mysite.com? (I can configure the DNS to do that) ...but would it work?
Can't download from themeroller.
I get an error after I've built my own theme and try to download it. http://jqueryui.com/download?themeParams=?ffDefault=Arial,Verdana,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=0089AA&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=75&borderColorHeader=007698&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=007698&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0089AA&bgTextureDefault=02_glass.png&bgImgOpacityDefault=20&borderColorDefault=007698&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=79c9ec&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=ffffff&bgTextureActive=12_gloss_wave.png&bgImgOpacityActive=50&borderColorActive=007698&fcActive=000000&iconColorActive=000000&bgColorHighlight=ffffff&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=79c9ec&fcHighlight=ff6600&iconColorHighlight=ff6600&bgColorError=fdbabe&bgTextureError=12_gloss_wave.png&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=000000&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=01_flat.png&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px
jQuery n00b question. Need help for project ASAP!
$(function() { $('#slider').hover(function() { $(this).children('li').stop().animate({ left: '-652' }, 1000); }, function() { $(this).children('li').stop().animate({ left: '0' }, 1000); }); }); When the user hovers over the image I want the image to slide to the left -652px, when they hover off it resets back to 0. What am I doing wrong?
[JQuery] Highlight a Radio field and then pop up an input text box field
Hi all, I am trying to make some dynamic effect to a HTML page using JQuery.<br/> 1.<br/> When the user clicks a Radio field, the field will be highlighted.<br/> 2.<br/> When the user clicks the Radio 'Man', <br/>a Input text box will be provided immeditely just below it. Here is my simple HTML page, but I don't know how to do with the JQuery part: <Table> <TR> <TD>Gender</TD> <TD> Man: <INPUT type=radio name="gender" value="M"><Br/> Woman: <INPUT type=radio name="gender"
Brain fade: How do you add css properties to a class?
ie. the equivalent of typing them in a style sheet, but doing it dynamically?
When and why does accessing a wrapped set sometimes require array indexing and other times not?
When and why does accessing a wrapped set sometimes require array indexing and other times not? For example, $(function(){ $('#example')[0].onmouseover = function(event).... versus $(function(){ $('#example') .bind('click',function(event) { here's the pertinent html <body> <img id="example" src="example.jpg"/> </body> Either removing the array indexing from the first example or adding array indexing to the second example breaks the code. To my eye the two examples should work identically....
Animation choppy on large image, am I doing something wrong?
Hi, absolute beginner here, can someone please help? I want to use the show() function on one large image on a home page: http://www.johnbrinklow.co.uk/dev/ The animation effect works, but it's really choppy. How come, is it simply down to the size of the image? Here's the HTML: in the HTML head I have: <script type="text/javascript"> $(window).load(function() { $('#ceiling-jquery').show(1000, function() { // Animation complete. });
sortable drop: function ?
I have a sortable on which other sortable divs can be dropped. When this happends i want to show a messagebox. But my messagebox never shows. How can i display a messagebox when a div is placed down on my sortable div?? $("#Category1").sortable({ connectWith: ['#Category1', '#Category2', '.column'], revert: 'invalid', drop: function(event, ui) { alert ( 'this message never shows...' ); } });
find non-predetermined DOM insertion point?
How can jQuery locate a non-predetermined DOM insertion point? My application relies on custom code to "bootstrap" itself. I'm wondering if similar functionality is available in jQuery? My app works in the following fashion: - user places a script tag in their web page. - my script fires and performs the following routines: - scriptLocation = whereAmI()? (find scripts in document, length -1) - insertBefore(DIV, scriptLocation); - use DIV as canvas, DOM target for all that follows
Toggle CSS in multiple instances individually
Hi All, Trying to get this to work individually with each individual instance on the page (usually 5-10 questions on each page). Right now it adds the class to every instance of the div that has the answerCorrect class. I need the link to only turn on the specific answer associated with it. Any help would be appreciated on how to get me there. <script type="text/javascript"> $(document).ready(function(){ $(".showAnswer").click(function(){ $(".theAnswer").toggleClass("answerCorrect");
Hello everyone to everyone. I am totally new to jquery and web design some what. I have a lot of new questions
I would like to know is it possible to build a site with nothing but jquery, without using html ? My next question is how do i use the templates I downloaded supersized but have no idea how to add my pictures or text to it for it function like i would like it to. can any one help me? I have the entire cs3 master collection i was trying flash but someone made mention of jquery and showed me the possibilities. I was impressed he said he has been working with jquery and does not plan to use flash
Dynamically add divs to HTML page and get its contents
Hi I've just started using JQuery and this may actually be a bit of a hard question to answer. There is a project called Seed which allows JavaScript programs to run on the Linux desktop. There is connected project called SeedKit which runs HTML files as a Graphical User Interface front end for JavaScript files run by Seed. It acts like a webpage which rather than linked to a web-server is linked to a JavaScript program with HTML events like buton clicks etc that drives JavaScript much in the same
Fading in divs
Hey, I'm completely new to jQuery and have just written my first bit of code. I have a list of 5 divs on a page that I want to fade in on page load. The divs are placed within a container. I made this work by using the each method and it worked great (even though the first does not fade in yet, but that is an easy fix). As I was playing around with it and testing a few alternatives with console, I noticed that this: <script type="text/javascript"> $(function() { // When page is loaded
Is there a way to shorten the code?
Hello there, I started learning jQuery about 2 days ago using the book "jQuery Novice to Ninja" by Sitepoint. I'm currently working on a project where I need some jQuery-fancy to work so I startet programming my first little plugin, which works flawlessly. This is the script-code: $(document).ready(function() { $('#aboutme').hide(); $('#twitter').hide(); $('#contact').hide(); $('#aboutmebtn').toggle(function() { $('#aboutmeimg').attr("src", "bilder/aboutme-selected.gif"); $('#twitterimg').attr("src",
problem with 2 scripts on one html page
i have two scripts on a single html page and only one will work at a time not both <!-- include jQuery library --> <script type="text/javascript" src="scripts/jquery.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="scripts/jquery.cycle.all.js"></script> <!-- initialize the slideshow when the DOM is ready --> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
Use alternative content if javascript disabled
Hi all, I'm not sure if this is the right place to ask this but I'm wondering if there's a jQuery way around my problem. I have a form that uses jQuery to submit the data. If javascript is disabled, my form doesn't work so I want to replace the form with a button that takes the user to another page containing a standard HTML form. Here's the code I have: [code] <script type="text/javascript"> <div id="myDiv"> Javascript dependent form here </div> </script> <noscript> <div id="myAltDiv"> Alternate
JQuery and MediaWiki
Hey Guys, Recently I tried to get jQuery working MediaWiki but I've hit a wall and can't figure out why it's not working. I followed the installation instructions found here: http://www.thusa.co.za/blog/gareth-davies/getting-jquery-running-mediawiki I wanted to create something similar to this: http://www.i-marco.nl/weblog/jquery-accordion-menu/ . The code for this menu I put it right into the Common.js portion of the wiki. Is this the right way to go about it? Thank you, John PS - I'm also using
Nested modal dialog from tabbed modal dialog issue
Hello. I've been having some problems trying to figure this out. I am pretty new to jQuery (2 months) so I thought it best to ask this question in here. I tried previously to ask this question but it seemed to have disappeared. Apologies if my posting this again results in a double post. The issue has to do with a select box control not refreshing in a modal dialog that is launched from another modal dialog containg tabs. I guess the best way to explain is to include some code I've been using
Styling a drop down list
Hi, I am trying to create a drop down list where the elements are styled like list elements. The effect I am going for is: Does anyone know of any plug-ins or examples of how this would be achieved? Thanks in advance
Math Algorithm Problem
Hey everyone, im new here and have been using Jquery for a little more than 6 months now. I dont fully understand Javascript so this is a nice start even if it is simplified. My problem is i have been trying to create a input field that auto updates a textfield dynamically by first getting a number then multiplying it depending how many are selected.. but instead of multiplying it by just one number.. the higher the number the lower the number it must be multiplied by and then at the end all the
"Awaiting Moderation"...now gone?!
Hello. I'm obviously new here... ...I posted a question last night. It took me forever to write out because I posted several code examples and screenshots of where I was at and what was going wrong. When I submitted it, I got an on-screen message that said my post was "awaiting moderation". I now have no record of my post. I can't find it on the site, and I was wondering who I can contact about this. I don't want to re-type the whole thing out, especially if it will just get lost in "jQuery
Can anyone name an enterprise (for purchase) application that has jQuery baked in?
What I mean is this: the "who is using" list is usually comprised of websites - Google, Dell.com, etc. What I'm trying to find is a closed source, enterprise example of jQuery usage...a Paid version of WordPress, for example. I understand the MIT license, but I'm having a hard time selling my managers on moving to including jQuery in our product, so I'm really fighting for examples to get us started. Thanks in advance, Jason
how to reset textbox values in dialog after destroy
I have a dialog in which there are 2 textboxes. I want to reset the textboxes values once the dialog is destroyed. How can I do that? If I have entered values in the textboxes and clicked cancel, reopening the dialog will show the data entered previously. function setDialogWindows($element) { $('#change').dialog({ autoOpen: true, width: 380, buttons: { "Cancel": function() { $(this).dialog('destroy'); }, "Accept": function() { } }): } $('#link').click(function() { setDialogWindows('#change');
Move jquery slider with text box
I am developing a vertical jquery slider. I am able to fetch the value of slider in a text box. I want to move the slider by typing in the values into the text box. any suggestion. Below is my code <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery-ui.min.js"></script> <link href="css/jquery-ui.css" rel="stylesheet" type="text/css"/> </head> <body style="margin:300px;"> <form name="tvfinder-pricerange"> <input type="text"
Find a link with id="status" and change his href="www.somewhere.com" to href="#"
I other words, i want to disable that link. This is the structure where it appears: <ul class="pageitem"> <li class="menu"> <a href="......somewhere......." id="status"> <span class="name">Select from list</span> <span class="arrow"></span> </a> </li> </ul>
Next Page