new to jquery
I am new to using this and was playing with some buttons I found everything works perfect local but when posted on the server it does nothing, am I missing something the jquery is in the correct location and also the 1 image used thanks for any help http://www.displaycraft.com/newsite/portfolio_buttons.html <!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> <meta http-equiv="Content-Type"
How can the first level menu overlap the second level menu???
Hello, i have uploaded a ppt file and i have described what animation i would like my menu to have. I have two levels menu. Each level of my menus consists of two columns. When the user first loads the site, she always sees the first level menu. The first level a.has a list of links which point to the second level menu and b.consists of two columns always combined together(never separate) When the user clicks in one of the links the second level menu shall overlap the first level from right to left.
simplest way to change colour on a class?
Hi folks, I have this script which, on mouseover, shows a nested element of a class. I want to add a snippet which, on click, changes the color of the class... maybe with a fast fade. Does it require creating a second class with the new color? Something like: $(document).ready(function(){ $('.class').hover(function(){ $(this).find('.bit').show(); }); //existing script $('.class').click(function(){ $('.class').addClass('.class2'); //
What is the syntax for calling function with [] in jQuery
Hello all, I have seen the following methods to call a function in jQuery. Case 1: $.validator.methods[method].call Case 2: $.validator.methods[method](parameter1) Where can I find the reference document for the usage of [] to call a function in jQuery. Thank you
Works Great in Chrome & FF but not in IE - Help a rookie
Hi All, I am new to JQuery and this forum and have been scouring this form for an answer to a problem I have been working on for a couple of days. I am working on a simple light box within an aspx.user control using a datalist control. The code works great in both Chrome & FF but when I click an image IE just shows the loading .gif and hangs without showing the image. From what I can tell IE loads the div containing the image but adds the display: none attribute. like below. <div id="lightbox" style="display:
Spammy link on 'How_jQuery_Works ' page
Is this link http://fiancee-visa.net/ Supposed to be at the bottom of this page http://docs.jquery.com/Tutorials:How_jQuery_Works Seems pretty spammy
Simple question regarding functions in jQuery
Hello guys, It's my first time here, so hopefully I don't get eaten or something :) I've ran into a little problem when using resize() function in jQuery as I am trying to call a function after the document loads and later on should window resize occur, but I can't really figure out use jQuery syntax to do the both at the same time within a function. Here's a example: $(document).ready(function() { doScript(); $(window).resize(function doScript() { // do stuff }); });So it is possible to give an
manipulating 2nd textbox help
Hi, I'm new to javascript and was wondering how do I make the second text box add a year whenever I selected a value in a first text box which is powered by jquery calendar Thanks.
Explains or Magnify parts of an image on hover in a modal like fashion
Hi, does anyone know of a plugin or steps to take to learn such? For example, there are "circles" highlighting parts of a toy, and when hovered, it would have a modal come out showing a different image with captions, something like a flash. Or in another case, a small scale map with circles on different location will display a house or a land, when hovered. Thanks.
Passing a search box value to jQuery
I have successfully set up & tested the use of the LocalScroll plugin on my project (which also uses the ScrollTo plugin). Having just started using jQuery today, I was trying to figure out how you would pass a value entered into a search box through to jQuery. The LocalScroll plugin scrolls using anchor tags that reference the ID of the element. So clicking the "This is some text" link below... <a href="#myID">This is some text</a> would scroll to the element with the ID of myID. What I am wanting
jQuery function missing parameter
This is the Ajax GET function: jQuery.get( url, [ data ], [ callback(data, textStatus, XMLHttpRequest) ], [ dataType ] ) However, I see examples of code like this where the first and third parameters are provided but the second is missing: $.get('ajax/test.html', function(data) { $('.result').html(data); alert('Load was performed.'); }); I'm used to providing a '' or NULL value when a parameter is optional, so how does jQuery/javascript handle missing parameters?
Looking for a scheduler/gantt chart plug-in like this ext-js version...
Hello everyone, we're rebuilding a site using jquery and one of the interfaces we want to incorporate is a scheduler. The best one I've found is Ext Scheduler (http://ext-scheduler.com/) which is built on ext-js. Does anyone know of a jquery plugin with similar features? Is anyone working on one? We'd obviously prefer to not have to work with both javascript libraries if we can help it. Any thoughts would be welcomed.
Relativity: Copy to Clipboard
I just started learning javascript and jQuery today so please bear with me ^^ <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.copy.js"></script> <script language='Javascript'> $(document).ready(function() { $("p").click(function() { $.copy($("p").text()); }); }); </script> </head> <body> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> </body> </html>The desired outcome for the code above is to make it so that any
Javascrip version for jQuery1.4.2
Hi, I am new to jQuery. What's the javascript version for current 1.4.2 jQuery? Needs to get it for team standard. Thanks
Difference between this and $(this) and when I should use which?
Hello all, I am confused about when to use this and when to use $(this). It seems that $(this) is related to jQuery and this is related to jQuery, however, in both case I and case III, this is related to jQuery (if my understanding is correct). Thank you $('li').each(function(index) { alert(index + ': ' + $(this).text()); // case I }); $(document.body).click(function () { $("div").each(function (i) { if (this.style.color != "blue") { // case II this.style.color = "blue";
find tag before and add class..
How do I add a class to the <p> tag before each disabled element..this is not working for me. Basically if it finds a disabled checkbox within my accordion ui I want to strike-through the text.. // add line-through for disabled checkboxes $(':disabled').prev().addClass("disabled"); html <li><p><input runat="server" type="checkbox" name="<%# XPath("CHECKBOX[@id='CARS']/NAME")%>" value="<%# XPath("CHECKBOX[@id='CARS']/VALUE")%>" disabled="<%# cbStatus(XPath("CHECKBOX[@id='CARS']/DISABLED"))%>"
New to jquery - please help
Ok so Im pretty new to jquery. I was wondering if someone could tell me what im doing wrong with this simple drop down menu code: <script src="jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $('#nav a').onmouseover(function() { $('#nav .subMenu').show('2000'); }); $('#nav a').onmouseout(function() { $('#nav .subMenu').hide('2000'); }); </script> <div id="nav"> <ul>
When should I use [0] to dereference a returned selected result?
Hello all, var variableA = $("#sampleID"); // case A var variableB = $("#sampleID")[0]; // case B // apply a function call to variableA or variableB (i.e. css(...)) The question is when I have to use the case B and when I can use case A without causing problems? Thank you
About JQuery Silders
I have this Jquery Silders I would like to use and the code for the most part I understand but their are two or three options I'm not sure how to alter to get the effect I want. 1. How to make the description text at the bottom and not at the top like it is now? 2. How to change the word from "Post" to something else, I have not be able to find the text. 3. The last part is how to move the numbers to the bottom or below the window and off the black line on top were it is now. Their are four files
Newbie need suggestion on mulitple content show and hide
Dear all, I am new to jquery. I am writing a single page to show multiple page content (and pretend there are multiple page. Assume we have 3 pages content (in the real project I have 20 pages!) I have created 3 buttons and 3 div and write 3 functions like follow: <script type="text/javascript"> $(document).ready(function(e) { $("#content1").hide(); $("#content2").hide(); $("#content3").hide(); $("#btn1").bind("click", function() {
Tabs Widget: Ignorant Noob with Basic Question about multiple lines of tabs
I've searched, I've looked at the documentation, I'm still confused. I should note that I'm new to JQuery, pretty much a dilettante when it comes to CSS. I downloaded the Tabs widget and increased the number of tabs massively. My test page is here: <removed now that it works> Note that only the first 3 tabs are active. Note also that clicking on them causes weird spacing things to happen with tabs further on down. So: is it just not possible to have so many tabs on one page? If it is, how do
Get objects from another page
I'm new to JQuery. I was wondering if there is a way to get objects from a second browser that I open using JQuery. Example: I have a page where on a button click it opens www.google.com. Now I want to put some code to return the google search box and enter a value in there from that same original page. Any help on how to do this in JQuery or any other suggestions on other things that could do this easier would be much appreciated. Thanks a lot.
having to double click using .click and .text
Hello, I have the script below to toggle open and close identified divs on a page. On page load I have to click twice on the link for it to work (from there on, one click suffice). Can someone help me with what is wrong with it? Thanks script <script type="text/javascript"> $(document).ready(function(){ $("#toggle_all").toggle(function(){ $(".toggle_container_wide").slideUp(80); $("h5.trigger").addClass("active");}, function () { $("h5.trigger").removeClass("active"); $(".toggle_container_wide").slideDown(80);
Bouncing a ball.
Hello !, I am a beginner and am learning JavaScript. Jquery I find very nice, but I just have problems with the braces and parentheses! ... :-D My problem: in my web page, I have a ball, I want to move to a point in my page jumping like a kangaroo or a rabbit. I found the movement: $("#titre").delay(1000) .animate({left:'+=25',top:'-130px'},1000) .animate({left:'+=25',top:'-100px'},1000); But I will not repeat this code until the desired position. How do I do ? thanks, Diana I Love JQuery !
Learning jQuery 1.3, chapt 4: Gettysburg Address - problem revealing duplicate text
Hi I'm working with Learning jQuery 1.3, chapt 4, specifically the 'Abraham Lincoln's Gettysburg Address' read more text reveal example. I can understand the logic in how to reveal one block/div of text, but I need the same effect to apply to 4 distinct divs/blocks of text. The code that reveals <div class="speech"> is: var $speech = $('div.speech'); I need to have 4 blocks of text: <div class="speech-1"> ... <div class="speech-4"> with each having the same show/hide function as the single example
What do I need to download to run jquery
This wasn't enough to run the example at http://jqueryui.com/demos/button/default.html <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> I didn't bother to download the libraries manually <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>jQuery UI Button - Default demo</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
Slider on the Drupal 6.16 content
Hi, I'm trying to have JQUERY slider on one of my contents (story). I installed jquery_ui (replaced with jquery ui 1.7), jquery update and all the things neede (no red warnings about things to do with jquery - everything working fine). I made new story, set input format to "PHP code" and pasted following short code: " ... Testing jQUERY slider <?php drupal_add_js('sites/all/modules/jquery_ui/jquery.ui/ui/ui.slider.js'); drupal_add_js( '$(document).ready(function(){ $("#click1").click(function()
How to foucs or auto select a jquery tab after javascript validation
Hi All, I am using this below method to initialize the tab view. $(function() { $('#container-1').tabs(); }); JSP code piece : <div class="tabcontainer"> <div id="container-1" > <ul style="padding:1px;border-bottom:1px solid #8796A5;"> <li><a href="#fragment-1"><span>Tab 1</span></a></li> <li><a href="#fragment-2"><span>Tab 1</span></a></li> </ul> <div id="fragment-1" > <center> <%@ include file='tab1.jsp'%>
use of eq() and for each
Hi, I want to use eq() and each() functions to delete elements from the html table. In below example, I want to delete all <li>'s with id="newInsert" except first element. <table id="dr_productTbl"> <tr> <td class="dr_qty">1</td> <td class="productName">Kaspersky Anti-virus <ul> <li class="activation_code"></li> <li class="download"></li> <li class="newInsert">Offer for the Product</li> </ul>
jQuery not working correctly with views
after much stressful debugging, i narrowed down a problem that appears to be directly related to jQuery. i am using a view model i made and jQuery acts very very very very strange with it. Now the part that makes me go completely nuts is when top.oControl.ajax is called for the first time, the alert('called') displays to the page and the ajax runs completely, BUT when top.oControl.ajax is called a second time alert('called') does nothing and the ajax runs the post data, but will not run the success
First replaceWith works second doesn't
Trying to replace text in a different div on a focus and change it back on blur. The first replace works, however the second doesn't. If I just comment out the focus then the blur works. <div> <input name="form-partnership-name" type="text" id="form-partnership-name" size="45"> <script type="text/javascript"> $('#form-partnership-name').focus(function() { $('.widgettitle').replaceWith('<h2>Random Header</h2>');
calling a custom coded jquery function
Hello all, How do I call a custom function, but NOT call it attached to an element? My code: $.fn.callAjax = function(url, type, data, successCase) { $.ajax({ url: url, type: type, dataType: "text", data: data, success: function(data) { switch(successCase) { case "submit":
Trying to highlight certain text strings
What I want to do specifically is add a CSS class to strings that start with an @ symbol. I can't seem to find any examples online and I haven't had enough experience with jquery to figure this out on my own. I want it to highlight either the first word only, or just the line that the @ symbol is found on. Any help is appreciated! :)
Baffleing problem with .animate?
Hi, I really hope someone can help me, being pretty new to jQuery, I seem to be going round in circles. This may seem like a long winded explanation but hopefully it will save 100 words! You can see the problem I am having here: http://www.mememedia.co.uk/april/test.html I have two yellow slithers with arrows on the edges of the browser that when clicked cause a blacked out div to slide in from either left or right. Followed by a mouse out function that causes the div to slide back out of view when
Help! Simple question from an inexperienced web designer
I'm using this http://www.queness.com/post/3036/create-a-custom-jquery-image-gallery-with-jcarousel (where all the code in question is located) image gallery on my website and having a lot of trouble having it centered. I've never coded with jQuery before and obviously just copied the code. I stumbled around a bit in it and changed #slideshow-main { float:left; to float: center This just pushed the carousel on the right onto the next line. Help would be very appreciated. I can upload the zip
jQuery AND jQuery-UI
Hello. I am having problems to understand how to use jQuery and jQuery-UI at the same time. I want do do something to pick out different things on the page and not only should this items change (using jQuery-UI-Selectable) but i also want to change other items on the page too (like with jQuery-fadeTo) Sorry if this is a really dumb question, but I cannot find any answer. Markus
ajax succes function not called?
Hi, I have this very simple function: function del(id) { $.ajax({ url: 'del.php?id=' + id, succes:function() { alert('hi'); } }); } and the alert is not shown. I don't understand why. del.php is just a small query and is executed allright. Thanks.
XMLHttpRequest Charset header problem with "special characters" and black questionmarks...
Hi, if you have a look at bivakas.host-ed.net you will notice that all my special characters are just black question marks. (not this website is in Lithuanian... making it for a friend). As far as I have researched (which has been for two days and I have now had enough..) the header needs to be altered in the "beforeSend" $.ajax part to get this to work thus I have the following code: $(document).ready(function(){ $('.content').load('home.php'); //by default initally load text $('#navlist a').click(function()
Jquery change my text to utf-8 when i use ISO-8859-1
hi, im using php and mysql, all works very well, but i need to refresh just a part of the file post.php, i decide to use jquery, it works great, i have another file comentarios.php, in post.php i have a div, i use the load option to load comentarios.php into post.php in the div "comments". by itselft comentarios.php doesnt have any problem, also post.php, both use ISO-8859-1, but when i load the file by jquery though the div using "load" i see some symbols, if i set my files to utf-8 this problem
Using jQuery with VS 2010
I am new to jQuery. Is there a resource available to use it with VS 2010?
Next Page