A few questions from a JS writer confused with Jquery
So, I've already learned JS a year ago, now I was rather rusty on the language, but I wanted to try the jQuery library for personal projects. Anyways, I'm making a reversi game, up till now, I've made a grid, put the basic layout and it works, now I've been passing an onclick function containing a simple line of jQuery code: /* *Add a dot event based on the X, Y axis. Supply color, either 'b' or 'w'. */ function dotIt(x, y, color){ jQuery('div:contains("'+x+','+y+'")').append('<img
Need your feedback! [online booking system]
Hey guys, i'm working on a online booking system for office supplies and our client as the following requirement: He would like to book a item from for example 12.december to 24.december. It also should be possible to book a item only for 2 hours on a day. For example 10 to 12pm! There are some appendage todo this... I would like to use jqry datepicker but the datepicker has no "hourview" or? (two-level) Thanks for your feedback!
display error message in jsp
Have a jsp page that contains a button (<input type="submit" name="doThis" onClick="someFunction(field, arg2)"/>, when clicked it passes to params to a function that looks like this: function somefunction(field, arg2) { for (i = 0; i < field.length; i++) { if (field[i].checked) { return true; } } alert("At least one checkbox must be selected"); return false; } How can I change this so that the alert message is shown in the browser (no pop-up) using jquery?
Problem in IE 6 and 7
I've got a site: http://wrocweb.com/hotels For some reason any of my jquery scripts doesn't work in IE 6 and 7. Can anybody tell me what's wrong? Thanks, Tom
box shadow for IE
Hello guys im new to the forum so hello all, im a little stuck with something im trying to do. I am in need of a box shadow for some elements in IE as it does not use the css3 box shadow. I am a complete jquery newbie so hopefully some one can help me. I found this plugin http://plugins.jquery.com/project/boxshadow i have done the following, saved jquery.boxshadow.js with that file name to an external js file and attached in the head of my webpage under the jquery. added the filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=3);
.serialize and $.post issue [SOLVED]
Alright, I understand exactly what .serialize does, but it doesn't seem to work for a $.post method. This is the idea: $.post('_myScript.php', { $('#myForm').serialize() }, function(data){ // successful operation }); But you can't stick $('#myForm').serialize() there because it's not a 'mapped' pair. I could turn { $('#myForm').serialize() } into { info:$('#myForm').serialize() } But that wouldn't allow me to use the $_POST[] array on the backend.
Remote Linking Images created by WP Custom Fields
Hey all, Here's one that I can't figure out. Still very much a beginner, so go easy on me... The example page is: http://shipkifarm.com/dev/contact What I have at the moment is 8 images generated by WordPress Custom Fields; 4 thumbnails and their corresponding images. The 4 bigger images are all positioned absolutely so they sit on top of each other. The 4 thumbnails are just below and are floated <li>'s. When I click on the thumbnail, I want to add the class of "current", which sets the opacity
Ajax post responseText is blank in IE 7 and 8
Hi, been struggling with this all day. The following code executes as expected in Chrome, Safari, and FireFox. In IE 7 and 8, however, the responseText never gets delivered back to the JS. var response = $.ajax({type: "POST", url:'cup_verify.php?p=ark', data: poemRatingData, async: false }).responseText; $("p.rating_number").html(response); I tried cache: false to no avail. Any thoughts? Known issue?
ID Switch
Simple project. I would like to reorder these divs so that div1 becomes 3, 3 becomes 2 and 2 becomes 1 - however, the code will only execute once. Any ideas? <!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" content="text/html; charset=utf-8" /> <title>switchTop()</title> <script type="text/javascript" src="jquery-tutorials/jquery.js"> </script>
Dynamically creating draggable 'div' element using jquery
I want to create a 'div' element dynamically.Once created it should be draggable.
Collapsing Menu
Hi, I have a menu set up with parent & child links.. Best way to describe it is show an example: http://96.0.84.196/jtest/ You'll notice that you can have multiple parent's open but I would like all other parents to collapse when you click another parent. So only one parent is open at a time. I know it's possible but can't get it going.. I've tried various things but can't get my head around it as I'm a bit of a jQuery noob. Any help on this would be greatly appreciated. Many thanks, Rob.
What element I'm in?
Hey guys, I'm making star-rating with jquery (I know there are ready-made plugins for this, but I need my own). I have no idea where to put information about stars values. Keeping it in 'title' tag: <span title="1" class="vote ico_star_empty"></span> <span title="2" class="vote ico_star_empty"></span> <span title="3" class="vote ico_star_empty"></span> is no good. I can see this numbers in title tip when my mouse is over a star - I don't like that. I want to be w3c - I can't really use other attribute.
Tablesorter problem
First: I've just known JQuery and I need help, so be patient with me. My problem: When I use tablesorter typing manualy the table tags (<table>...) in the html code I have no problems when I click on the table to sort. But when the table tags are add in the code by javascript (*), table sorter doesn't work. (*)document.getElementById("table_div").innerHTML="<table>..." How can I solve it?
Customise the date picker
Hi all , I find very nice calender in the electricprism site , Calendar is look is really fine, Below is the URL , http://www.electricprism.com/aeron/calendar/ Iin this site , you will find three picker, but i want to customise this "Alternate styling: i-heart-ny (experimental) " Labeled for my journey booking , i want to customize the calendar for my From and To date selection ... Thanks Bharanikumar
how to check for a form submit validate result
Hello I would like to add a jquery function to check the result of an existing forms submit validate result without modifying the exiting submit javascript function (customers function which i cannot change), at the moment my function is called after the existing submit function, how can i check the result of the previous validation in this function? $("form").submit(function() { alert("changed in jquery "); //NEED to check the result of customervalidationcheck() here }); <form method="post" action="formcheck.html"
validation and tinymce
hi to all I am using jquery.validate.js , simple modal plugin and tinymce. Here is the scenario, first opening of modal window with tinymce is working fine even the validation. But, on the second time or more opening of modal window I could type with the textarea and the validation mouseout is still working fine but the submit button doesn't work anymore. I tried to remove the validate and it worked it out. If anyone could see in live then I would post it. Any suggestion would greatly appreciated
change background-image
I've got a table of cells (duh) with unique background images and text in each. Upon hovering on any one of them, I need to change the background image to one named identically with the addition of "_on" before the extension (which is .jpg on all of them). And when hovering out that needs to reverse. I'm fairly new to jquery so I literally have no idea how I'd accomplish this (in jquery anyway, I could write the function I need in psuedocode). I'd like to accomplish this with one function, but I'd
Unable to Pass Modal Form Values to Code-Behind Function
A quick summary of what I'm attempting to do: Within an aspx page, I have a form with asp controls (text boxes) that I'm loading within a jQuery modal popup dialog. Once the user fills out the form and the register button is clicked in the modal form, it invokes a code-behind function, which seems to be working fine. However, the problem I'm facing is in the code-behind function; none of the field values in the modal popup form are being passed to the code-behind function. any suggestions on why
Radio Button Class Changes
Hello, I am trying to use a radio button click event to change the class of non parent fields. say a radio button group like <ul> <li><input type="radio" value="1" /> 1</li> <li><input type="radio" value="2" />2</li> <li><input type="radio" value="3" />3</li> </ul> When I click on 1, I want all tags with a class of 1 to have a class added, and all tags with a class of 2 and 3 to have a class removed, and when 2 is clicked, the class is removed from 1 and 3, and a class added to all tags
click link do animation then go to next page how?
hello everyone i am completely new to jquery.. i am following the tutorials for absolute beginners and i am also searching allover google but i don't understand how to do this i have a link the jquery code says when my link is clicked do this animation the problem is that when you click on the link it skips the animation and jumps to the next page. is there a way to make the animation run and when finished then go to the link page that the link anchors to? click link animate then go to page $(function()
Newbie Question - Scrolling Tabs
Please bear with me...I am new to jQuery... I was wondering if there is a simple way to view the jquery library in a more readable format? When I view the javascript file in Dreamweaver I am unable to decipher which part of the code is for which tool (scrollable, tabs, etc). Here is a chunk of the code that I see: (function(d){d.tools=d.tools||{};d.tools.tabs={version:"1.0.4",conf:{tabs:"a",current:"current",onBeforeClick:null,onClick:null,effect:"default",initialIndex:0,event:"click",api:false,rotate:false},addEffect:function(e,f){c[e]=f}};var
Load content on Scrolling in Iframe using jquery
Hi guys, I am stuck up with loading content while scrolling in iframe using jquery with ajax. I have taken the help from following mentioned implementation:- http://www.webresourcesdepot.com/load-c ... th-jquery/ But the above mentioned implementation is done on page scroll,i want to use the same for Iframe. Need immediate resolution guys!!
Load part of page with ajax and beforeSend callback
Hi there, I would like to achieve such thing, as to load some part of other page, like this: $("#content").load("example.com/main.htm #content > div"); but I need to do a beforeSend callback, to fade out the current content, wait until it is fully hidden, and only then fade in with the received ajax request. But doing this, for example, with .ajaxSend, the content loads much quicker, then fadeOut is complete. Can anyone help me out?
JQuery Tabs
Another good tutorial available from this website http://www.blog.jamytech.com/jquery-ui/jquery-tabs
JQuery Date Picker
There is a good tutorial for JQuery Date picker available on http://www.blog.jamytech.com/jquery-ui/ ... ate-picker
2 jquery's
OK, I have a page that I want both Facebook and Cycle on, but if one is active, it knocks out the other. I'm assuming that since both are jquery, they're messing with one another. It's important to note I think, that I don't actually know javascript beyond changing a few variables. Any ideas how I can get these two working together?
JQGRID and php
I downloaded the JQGRID and can see my table data but cant edit or select the rows. Please help with soem simple straight forward sample code. Thanks
Timed animations
Hi all, I'm new on the boards but I skimmed through and there seem to be some very knowledgeable people here so I hope there is someone who can help me. I am making a single page website for a client and we are trying to make a 4 step animation on click of an image. When clicking the image I would like to slide out div1 up, slide out div2 right,slide out div3 down, and have div4 slide in. I've started playing around with this but I am very stuck. Can someone point me in the right direction please?
Acessing HTM from a $.Get request?
Hi I am running a get request which builds a table and inserts the HTML $(document).ready(function() { $.get("highleveltable.php", function(data){ $("#widget01-table").html(data).dataTable({ 'bJQueryUI': true, 'bProcessing': true, 'bFilter': false, 'bLengthChange':
jquery add row to table via javascript dynamically
Hi All, $.get("user_dynamic_connect.php", function(data) { //user_connected var user_table = window.parent.frames[1].document.getElementById("user_connected"); row=document.createElement("tr"); cell = document.createElement("td"); text_node=document.createTextNode("User's Currently Online are : " + data); cell.appendChild(text_node); row.appendChild(cell); user_table.appendChild(row); } ); This Code works in Firefox 3.0 but in IE 8 the table doesn't get updated. thanks v.srinath
jQuery plugin gives error "Exception thrown and not caught"
I'm a little new at working with jQuery, and especially jQuery plugins. I've written the following script (just a basic tab selector) that I'm trying to convert to a plugin: $('#nav li a').bind ( 'click', function(e) { e.preventDefault(); $(this).parent().parent().children().filter('li').each ( function() { $(this).removeClass().addClass('normallink');
Jquery addClass Method
Hi, first of all I tried searching all over the net for this but found no solution. So I have a couple of labels with two different classes. The selected label's class name is 'Selected' and the other labels' class name is 'otherlabels'. Apart from the css properties I have associated with each of these two classes, I also want to use these classes as selectors in jquery. When I Change a label's class from 'Selected' to 'otherlabels', the styling changes but their jquery behaviour stays the same.
[SOLVED] Formatting dates with datepicker
Hi, I'm trying to format the dates from datapicker to be only displayed in the certain weekday period. For example, I would like to choose only Tuesdays in 3-month period (3-month period can be done by setting minDate and maxDate variables in jquery). But how to highlight in this period only Tuesdays (other days should be inactive)? Is it possible? Thanks in advance for any suggestions. Best regards, Chris
Help my accordions are busted
I have this script and it is not doing what I expected it to do //do some AJAX to call the method instead of the browser $("a.navlink").click(function (ev) { $(this).toggleClass("active"); ev.preventDefault(); var id = $(this).attr("id") if ($(this).hasClass("active")) { $("."+id).remove(); } else { //$(this).toggleClass("active"); var url = $(this).attr("href");
Problems with effects :(
Hi, I have a problem with two effects of jquery, I explain you the structure... I have a div (I call it div_1) that has an effect (see it in http://www.folter.es/acr/artist.html the bottom is moving). And within div_1 there is another div (I call it div_2) but is not working well within the div_1 (see the work of div_2 in http://www.folter.es/acr/index.html , is it of images. In http://www.folter.es/acr/artist.html can see that doesn't work). Does turning off the div_1, the div_2 working properly.
[SOLVED] What's wrong in my code?
The fadeOut is not working...what is wrong in my code? <!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" content="text/html; charset=iso-8859-1" /> <title>Jquery test</title> <script scr="jquery-1.3.2.min.js" type="text/javascript"></script> <style type="text/css"> #box { background: red; width: 300px; height: 300px; } </style> <script type="text/javascript">
datepicker without days
Hello everybody, I'm trying to find a solution for configuring datepicker UI so that the user can choose only from months/years. Days are excluded, they do not appear. I found a following solution: $("#datepicker").datepicker({dateFormat: "mm/yy" }); but this doesn't solve the problem, as all days are visible. Can I make days in the UI invisible? Thanks for all help.
Is this forum convenient In substitute languages?
Hello friends, I would like to be familiar with whether this forum can be translated into other languages? Can anyone tell me how that is be done? Thanks alerticatab
Some forum thingi
- We need a moderator that can delete the add that are coming up on the forum. - Can we get avatar activated ??
Save layout
Hi all, I am new to jQuery and still playing around with it. I have a question and hope someone can help me out. How do I save multiple layouts with jQuery? I am working on a simple blog site for someone and what they wanted was a grid view and the normal blog view for their blog so if people wanted to view the blog in grid view they could click on the grid button and then that layout option is saved so next time you visit the site the site will be in grid view. You can see a perfect example of what
Next Page