Open Popup Window on table column click
I am using: echo("<td class='ddclick'><a href='#'><b>$value</b></a>"); to make a column clickable and then when clicked I need to open a pop-up window. I use the click event to get the data I need to pass to the new widow. This is working. Then I use window.open(URL...) to open the window. Now, I need to stop the information from the click event of the href from being passed to the browser. Is the href the proper way to do this or can I make it clickable via jQuery? It does open a new page
Swapping Content within a div
I was wondering if there is a method to swap the contents of a div with jquery? The event is triggered when internal elements are clicked. Say and image and a link within the div, and also to be able to jump back to the same div with the same events.
CSS attributes not working in jQuery
Hello All, I am a newbie to jQuery. I am learning it of my own. While trying out some of the code given in the book, I found that passing CSS properties and values in the jQuery is not working somehow. Following is what I have written. $(document).ready(function() { $('#first tbody tr:even').css('background-color': '#dddddd', 'color': '#666666', 'font-size': '11pt', 'line-height': '2.5em'); }); Where as if I pass CSS properties in following way, it is working. But I would need to write multiple
Animate is being weird
Hi, I'm having this problem with the animate function. I have a bunch of divs and I have each of them animated by expanding 300px in height when the user clicks the image associated with it. The top 2 work just fine, but because I have to scroll down to the third one as soon as I click the image to have it animate it jumps right to the top of the page. Obviously I do not want it to do that. How do I make the page stay still where the user is at.
Datepicker -- remove highlighted date that appears 1 month from current selection?
Hi, I'm using datepicker on a website. For some reason, the current selected day/number appears highlighted every single month. Not just the current selection. For example, if the default date is selected: September 25, 2010. And then I jump to the next month, October 2010. October 25 will appear highlighted. So I want to remove the highlight from October 25. Wondering how I can remove the highlight from next/previous month, so only the current selection is highlighted. Any ideas? Thank You
Hover effect table cells
hi, i am a beginner in jquery and now a have a question. i have a table like this: <table border="0"> <tbody> <tr class="head"> <td class="text">Headline 1</td> <td class="text">Headline 2</td> <td class="text">Headline 3</td> <td class="text">Headline 4</td> </tr> <tr class="raw_one"> <td class="text">Selection1</td> <td class="pink">A 1</td> <td class="orange">A 2</td> <td
problem with SetInterval and ClearInterval
Dear Members, I'm totally newbie at jQuery but trying to build own slideshow with autoplay function. Here's a snippet of code I have problem with: $("h2.play").toggle(function() { $(this).addClass("pause"); var intervalID = setInterval(function(){ $(".content ul>li:nth-child("+count+")").fadeOut('slow'); count++
How can i have an area map in a div with click event??
Hello, in my code i click on a <div> section and another <div> section moves. My code is as follows [code] $("#div1").click(function() { $(this).next().animate({"left": "-800px"},1000); }); When someone clicks on div1, next sibling (div2) moves left. I would like to add an area map on div1, but how can i do that since when i click on it, the div2 moves?? In my code, when i first click on div1 the div2 shall move left, and when i click again in div1 the area map shall work.
Selecting Images from a td with x class
Hello, If it possible to select and resize all image that are inside a particular td with a certain class? thanks.
looking for decent environment to develop jquery
I am extremely frustrated with my current setup developing jquery as I am in Dreamweaver. I've installed the add ons but they dont help enough. My biggest beef is with something that auto-indents to make the structure of the code legible. That and decent colouring. Can anyone recommend something that does all that and potentially even reloads the page on save....and previews in browser...and debugs? Thanks!
Simple Drop Down
Well I have used this same script a few times, but this time I am having an issue, When I hover the text the drop down shows, as soon as I try to hover the drop down it will disappear. I am also trying to make the background stick on main text (hover text) untl the mouse moves off. Been stuck on this for hours. I upload it temp to view here: http://www.sukhgill.ca/Test/ Here is my HTML <div class="header-nav"> <ul id="navigation"> <li><a href="">home</a></li>
Jquery slideshow conflict
I've been using a lot of slideshows recently on my sites and one thing thats puzzled me is using more than one slideshow per page. I'm currently working on my own site, experimenting with Jquery Accordion. I've managed to adopt a very simple javascript slideshow, see below: http://dvpwebdesign.com/test/accordion/blank.html However i'm unable to either incorporate or use a different multiple slideshow plugin. I dont need slideshow navigation, so the The Cycle plugin works really well and i know you
Can I directly query a local SQL DB from javascript/jQuery?
I work with an app the embeds IE in a control on a form. The app includes HTML templates that query a local (LAN) MS SQL database and posts the results to the page in the IE control. The HTML template has some special tags that the app intercepts to make the SQL queries then the app inserts the query results in an output static HTML file. This generated HTML file is what is actually displayed in the IE control. I know I can embed some javascript in the static HTML by referencing it in the original
Issue running two versions of jQuery
I have successfully got a slider function to work on my site. It is the "coda-slider" effect I found here and it uses jQuery 1.2.6. I am also trying to implement fancybox on my site as well but have run into problems when testing the site. I think it's because of the different versions of jQuery that the fancybox code uses. It calls for 1.4.2. I've tried messing around with putting in jQuery.noConflict somewhere, but really am pretty new to all of this and don't know what I'm doing at this point!
simple slider help
Hi there, I am new to jQuery and I am trying to do my first jquery code and it will basically be a simple slider. -The slider will show 3 images(300px each) at a time which will be 50% transparent. -on clicking "next button" the the panel div which contains 9 images will move left 300px -while moving the image on the center will change its opacity to 1 I have come up with some sort of pseudo code of how I would do it and I was wondering if someone would be able to check it and tell
Event handler
Newbie alert!!! I understood the following example...(attach a handler function to the click event of all dropdown boxes) jQuery('select').bind( 'click', function(e){alert('Clicked');} ); But don't understand why this doesn't work... jQuery('select').bind( 'OnChange', function(e){alert('Changed');} ); I guess "OnChange" is not really an "event" per se?
Why does my IF statement break my .slideToggle?
I want the div to hide on page load, then when the 'a' link is clicked the div expands and the 'a' text changes and then you can hide the div again by clicking the 'a' link. It all works apart from the div won't slide back up again, after it runs the IF statement it just seems to disable the click and the .slideToggle becomes inactive $('#showHide').hide(); $('#slickShow').click(function(){ $('#showHide').slideToggle(400); if ($('#showHide').is(':visible')){ $('.archiveText2 a').replaceWith('<a
Need some help on scrollTop
I'm trying to incrementally scroll up a div content everytime I click on a button. The following works well with an actual number. $('#content').animate({scrollTop: '+=10'}); However if I replace the number with a variable, it fail to work var num = 10; $('#content').animate({scrollTop: '+=num'}); What am I missing here?
How to Call JQuery Function from Asp.Net Code Behind
Hi, I have an asp.net composite control. At load (CreateChilds method) i register my jquery script. This script is in a js file and the file is included in page. Function is written to validate input value to a textbox. Textbox is used to enter page number and i want to allow min 1 and max = pagecount values to enter. Not a successfull version but currently i dont have better here it is; (You may direct me to a better one ) function ValidateTextBoxInputValue(event, elementID, maxValue) { var textBox
Searching for a form validation
Hello, For my login page i am looking for a script that do's this: - Put something in a textfield and on focus go's away and on off focus go's back when empty - Check if email is a valid e-mail - Check if username is valid - Button dissable when not everything is filled in. I found all of them appart but not 1 with all together! Someone know a script/plugin that do's just this ( or more ) PS:I have a little to none knowledge of javascript but i love jquery. Greetz Marc
Newbie with jquery.validate
HI, Im trying to validate an email field dinamically using jquery.validate here. The field i'm speaking about is "Email" ("Registro" form). any idea? Regards Javi
Hi
Can u get some best jquery sites to learn jquery
Where is the appropriate place to post an assignment for a jQuery expert?
Hi, I have an assignment that requires a jQuery expert. Where is the right place for me to post this assignment or look for jQuery experts? Thanks Sam
Loading jQuery-based script into another script
Hello everyone, I have a two php files and I want both of them to use jquery.mask plugin. The first file, main.php is available here http://pastebin.com/W0bMwAbA and the second one (script.php) is here http://pastebin.com/g3qVUN0m That code doesn't work because second file doesn't see the <script> block in the first file. If I put the last two lines from that block to the second file, everything works fine. Is there a way to have a single <script> block to handle a main file and all loaded content?
Date Picker
Hey, I've downloaded the Date Picker Widget (which is awesome, btw) and am finding I am unable to make it work with the provided code (below). I know pretty much nothing about Java.... Which leaves me stranded :( <meta charset="UTF-8" /> <script type="text/javascript"> $(function() { $("#datepicker").datepicker(); }); </script> <div class="demo"> <p>Date: <input type="text" id="datepicker"></p> </div><!-- End demo --> <div class="demo-description"> <p>The datepicker is tied to a standard form
Jquery setInterval function
can we call setInterval function in jquery with some object
Simple img hover change not working. What am I missing?
Frustrated and exhausted. I've created a menu with the following code, but I'm getting this error ("invalid assignment left-hand side"). Please help. <a class="nav-image" href="/menu-link'"> <img class="image-menu-rollover" src="/image.png"> <span class="nav-txt">menu-title</span> </a> jQuery.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { jQuery("<img>").attr("src", arguments[i]); }} $.preloadImages('.$images.'); $(function() { $("a.nav-image").hover( function()
jQuey bind does not take dynamically inserted elements into account
To make it simpler, i've got a div that I populate with buttons (via AJAX), each button has an ID of some table row. It looks like this: <div id="mydiv"> </div> and buttons are defined like this: <input type="button" id="1" do_something="1" /> Now what happens - when page loads, I'm inserting buttons in that div with "id" attribute changed depending on some row within the database table. So what's the problem? If I have code like this: $("input[do_something]").bind('click', function() { alert("Button
hovering problems!
hi I created an html page and wrote javascript which uses jquery's hover() method.It converts a textfield into a span when mouse leaves the textfield and converts the span back to textfield when mouse enters the span. Also,I created a button ,which when clicked executes a function that takes the val() of element with id='title' and shows it in an alert. I encountered two problems 1.This works fine as long as the text field contains default text. But if I leave the textfield blank by default ,the
Less lines ?
$(".smallimg1 a").click(function() { $(".smallimg1 a").addClass("changeborder",10); $(".smallimg2 a,.smallimg3 a,.smallimg4 a,.smallimg5 a").removeClass("changeborder",10); return false; }); $(".smallimg2 a").click(function() { $(".smallimg2 a").addClass("changeborder",10); $(".smallimg1 a,.smallimg3 a,.smallimg4 a,.smallimg5 a").removeClass("changeborder",10); return false; }); $(".smallimg3 a").click(function()
Set the CSS3 @font-face operation
I have tried this without success: $("@font-face").css("font-family","myCustomFont"); $("@font-face").css("src","url('myFontLocation')"); trying to emulate the expected CSS3 statement: @font-face { font-family: "myCustomFont"; src: url("myFontLocation"); } Is this possible? If so what is the exact syntax? Searching found no clear answer, though I ran across Cufon and similar libraries, but I would rather stay in jQuery if possible.
jquery drag sortable problem
im working on a sortable feature for my rss website in hebrew, everything work great accept one thing. i made an align="right" on the containing div and now all of the content is aligned right.. but while dragging one of the items, the dragged content is still shown on the left... everything else works perfectly.. i wonder how can i fix it... any idea?
How do you put a video lightbox using jQuery
Hi everyone. I'm new to jQuery and wanna use it to have my videos pop up in a box. I was told I had to use jQuery but can't seem to find out how within this site. May someone please assist me in making this happen. Thank You!
Jquery to unselect element
I'm trying to unselect element or not allow select element to prevent this: How can i do this?? This only happens on FF, on IE8 its fine.. My html: <ul> <li class="selecionado"> <a href="#"><p>HOME</p></a> </li> <li> <a href="#"><p>ESCOLA</p></a> </li> </ul> SOMEBODY HELP ME ! :)
Using a variable in a eq() custom selector index
I want to be able to get the index number of the image I'm clicking on and use this reference to show another image. To see if it worked in principle I used: $(".thumbnail").click(function () { $('.thumbnail').hide(); //class of the image clicked on $('.popUp:eq(5)').show(); }); This worked fine, popping up the 6th image with class "popUp" I then tried to get the index number of the image I clicked on to use as a parameter for the index of the image I wanted to pop up $(".thumbnail").click(function
Starting and getting problems
Starting and getting problems with dialog ui element: Goal: a grid with delete links on every row. When the link is clicked, a dialog asking if the user is sure about the deleting. Problem 1: the dialog appears just to first row. Any other after the first doesn’t trigger the dialog box. Problem 2: I dont know how to finish the procedure. I don’t know how to go on when the user click ok. How do I say to go on with the link in the <a> tag? Code: <script type="text/javascript"> $(document).ready(function()
Here are some tutorials to get started with jQuery.
Hi All, I have written some tutorials to get started with jquery. http://railsguru.org/tag/jquery/ Please give your valuable feedback on the same. Thanks, Pankaj www.railsguru.org
Not droppable Reverted element
I'm creating a JQuery puzzel game, how can I check if a draggable piece was not dropped on a droppable. I want to increment Incorrect meves if the piece was revert to its original position. This is what I have done $("#PUZ01").draggable({ revert: 'invalid', helper:'original', opacity: 0.5, containment: 'div#DIV', cursor: 'hand'}); $("#POS01").droppable({ accept: "#PUZ01", tolerance: 'intersect', drop: function() { $('#POS01').addClass('POS01'); Counter++; $('#PUZ01').remove();
triggering a plugin from within function
Hi Folks, I'm playing with jQuery and I'm having a problem with this code; Problem: trigger a pluggin that gets called from .click(function(){}; Symptoms: fails dead. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <!-- updated the jquery.min.js to the latest version --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
.val() form validation question
I am trying to validate a users input to a math question to verify they are not a bot, I am unsure how to check the input as you can see here i have if(verify.val() != 10){ (the answer to the question is always 10) it doesn't work so i'm obviously doing it wrong, could anyone point me in the right direction? function validateBot(){ //it's NOT valid if(bot.val() != 10){ bot.addClass("error2"); botInfo.text("You're not a robot are you?"); } //it's valid else{ bot.removeClass("error2"); bot.addClass("success2");
Next Page