New to JQuery Light box type effect (almost working Help pls!)
Hi all, I am very new to Jquery and this is all a bit of a learning curve for me. This is one of the reasons i am trying to make my own type of light box type of effect to use within a photo gallery i will be building. I have two main problems. 1. On first load of my page my animation does not appear to work as expected. It looks to me to be only doing the show() function and not the animate part. But once you click it again (after it not worked as expected) it will then work as expected doing the
I can access the html data I want and load it via javascript alert box, just cant work out how to load it into a jcarousel
hello all, I am having difficulty with getting data I am accessing via $.get to return what that gets back into my html page. I can get the data I want to access to pop up into a javascript alert box, I just can get it back my existing html page, hoping someone might be able to take a look and show me what I am doing wrong... http://pastie.org/private/elb1etjlvdhxf3ojittmsw this is my first jquery/ajax experiment. I've also been told that I need to create a function that will allow for html content
how do the plugins work?
what is wrong with this plugin? text is not added! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>jQuery plugin: reverseText demonstration</title> <script type="text/javascript" src="jquery-1.4.2.js"></script> </head> <body> <script type="text/javascript"> (function($) { $.fn.addText = function(params) { $(this).append('See on test'); }; })(jQuery); $('#kala').addText({}); </script> <div id="kala"></div> </body>
[File download] Error handling
Hello, I want to download a file from my server. The file is generated on the fly with this request: location.href = '/export/generate?start=' + start + "&end=" + end; It works fine. It prints a popup to either save the file or open it. My problem is how to handle errors, when for example the date are not well formatted. The server returns a 400 HTTP error, and I would like to catch this error in javascript and print a message in a web page. Something like the error handler of the ajax function.
how to prevent blur of input when calendar of datepicker is open? (please help)
Hi, I've created a form using datepicker to choose the birthdate, now I'm trying to control what's in my inputs, but I have issues when it comes to the input of my datepicker When I have focus on my input I diplay a message to guide the user, when the event blur happens I check if the input contains a valide date and display an alert when it's wrong, but the blur is launched even when the user clicks on the calendar of datepicker, so the alert message is displayed which isn't supposed to happen I'm
Trying to change a function from populating with images from a .txt file, to populating with another html page code snippet
Hi all, I'm only new to Jquery and Ajax for that matter, understand JavaScript but don't work with it everyday. I have a function from Jcarousel that is populating a div with images (talking to a .txt file which contains the url), JavaScript then writes out the image. function getItemHTML(data) { var split = data.split(";"); var url = jQuery.trim(split[0]); var title = jQuery.trim(split[1]); var url_m = url.replace(/_s.jpg/g, '_m.jpg'); return '<a href="' + url_m + '" title="'
adding a root node and setting its key explicitely in dynatree
hi i have a requirement which requires me add a root node and set its value which is unique from other nodes in the dynatree. here is the code i am using to create the tree $("#catTree").dynatree({ idPrefix: "sencat_", debugLevel: 0, clickFolderMode: 1, imagePath: "images/icons/", minExpandLevel: 2, ajaxDefaults: { cache: false, dataType: "json" }, initAjax: { url: "../view/leaflets/PersonCategory.jsp",
Using load()
Hey, just a quick question... I'm loading content using load() but when it loads it is not seen by my JQuery loaded when the page is first loaded using $(document).ready... How do I make content loaded after the initial page load get seen by my javascript which is original loaded with the page. Thanks!
disable download button unless at least 1 checkbox is selected
I have an accordion pane with each pane containing checkboxes and a button. How do I disable the buttons on all the accordion panes until the users checks at least one checkbox?
select all checkbox in accordion
I have an accordion with checkboxes in it and at the bottom of each pane there is a chkbox select all which i want to select all checkboxes in its pane..how can I refererence only the checkboxes in its pane to allow for the select all to work? <div id="accordion"> <h3><a href="#">Single Hung Series 700</a></h3> <div id="SH700"> <ul> <li><p><input name="ctl00$MainContent$download$RepeaterAccordion$ctl00$ctl00" type="checkbox" value="SH700-DRAWINGS"
Trying to apply jQuery to Forms select combo box. Can't get onchange to work
I'm new jQuery but since I'm revising a site with a new look I thought I'd modernize it some too. I'm using classic ASP and JavaScript. Comboboxes are fed via SQL. The process is to select year, make, mode, etc. to build a vehicle specification. I keep calling the same page with the additional information. function formHandler(form){ var stryr = form + "=" var URL = document.form.site.options[document.form.site.selectedIndex].value; var sURL = "displayveh.asp" + stryr + URL window.location.href
Is it possible to do this with jquery and how? Sample code in php & mysql
Hello! I'm really new to jquery and doesn't know if it's possible to do this with it but please help me. I have coded a really simple image gallery with php and mysql to try to get it work with jquery, far from the best I have coded and not so secure but its just for testing so just help me with the jquery. I have a next button and a previous button and if the user presses at one those I just want to change my content in my picture div. I want it to work like facebook gallery, if a user clicks at
ajax form submit problem
<!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" /> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script> $(document).ready(function(){ $('#form1').live('click',function(){ $.post('submit.php', $('#form1').serialize(), function(data){ $('#modalkast').empty().append('<br
Problem with if
Hi all.. Ive made the following script: $(document).ready(function(){ var showHide = $.cookie('menuStatus'); alert(showHide); /* Part that dosn´t work. if (showHide==closed) { $("#menu").hide(); } */ $(".openClose").click( function(){ $("#menu").slideToggle("slow", function() { if ($(this).is(':hidden')) { //var state = "closed"; $.cookie('menuStatus',
Pulsating button
Hi, I'm trying to avoid using Flash by finding a way to make a big pulsating button for a website I'm working on. I can do the the graphic side of things but I'm having problems finding a plugin or a peace of code that can bring the graphics to life. I know it's doable in css http://bit.ly/4HMa89 but it doesn't work across all browsers. The previous link (in Safari) shows what effect I'm after and any links to tutorials or advice on how to achieve this would be greatly appreciated. Thanks
Getting Country name
Hi guys, i want to know is there any method in Jquery through which we can find the country of the client. actually in registration form client have to chose his country and i want to checked his country by default. Thanks in advance...
conflicting functions?
Hello, This post is coming from a new jQuery user. I am calling 2 jQuery functions (referencing 2 different js files) as below, however they will not work together. They do work individually. $(document).ready(function(){ Icons.init(); $(document).pngFix(); }); Could it be that I am calling them in the wrong manner ? I have looked for any variable conflicts in the corresponding 2 sets of code but none are obvious to me. Thank you.
I need help OVERLAY
Hi Masters.. I need help with the Overlay.. I am making a gallery picture at the moment and I am stuck coz my boss wants more.. My case : - I have database for my gallery and two tables in it (album and gallery) - First I load the album.. - and after I click one of the album it shows the gallery inside in Overlay function.. The pictures above are Pics in the first Album I clicked.. - If I clicked one of the gallery its like pop up (i don't know whats the name what I know its overlay) and I can click
Can't download jquery
Seems simple to download jquery but I get an error - I choose OPEN and the RUN - I immediately get an error c:u...internet filescontent.ie5xA3JQKjquery-1.4.2[1].js Line 16 Char 1 Error 'window' is undefined code 800A1391 Microsoft jscript runtime error doesn't matter which release I choose or which jquery - I can't download
.prev
Hi In the body I have <ul id="ul1"> <li class="selected"> <a href="#" onclick="javascript:change_style(this);">Test1</a> </li> <li> <a href="#" onclick="javascript:change_style(this);">Test2</a> </li> </ul> script is function change_style(obj){ jQuery(document).ready(function(){ jQuery('#ul1 > li').removeClass('selected'); jQuery(obj).prev().addClass('selected'); }); } What I am trying to do is upon clicking any <a> the corresponding
Object Expected Error in jQuery
I am using jQuery for reordering raws in a repeater control. Given below is the beginning of code snippet in jQuery. <script language="javascript" type="text/javascript"> setupOrderableTable(); function setupOrderableTable() { debugger; var hdnDocumentIdsInOrder = document.getElementById('<%= hdnDocumentIdsInOrder.ClientID %>'); var rowToInsert = null; var highlightLength = 500; var highlightColor = "#999999";
What mean by "e" in different functions?
Hello I am new to jquery. Recently I read some beginner tutorial and got follow code: <script type="text/javascript"> function showMsg(e) { $(e.target).attr('disabled', true); if ($('#msg').html().length == 0) { $('#msg').html('<h1>Hello</h1>'); } $('#msg').fadeIn(); setTimeout(function(){ $('#msg').fadeOut(); $(e.target).attr('disabled', false); }, 3000); } $(document).ready(function(e){ $('#btn').click(showMsg); }); </script>I have some experience in ASP and PHP but seldom reach client side language
mouseOver & mouseOut problem
Hi all, it's my first post here, and I think there will follow many of them. I'm relative new to create my own jQuery scripts, but I realy wanna know how it works. Today, I tried to show an image when a user hovers another image. The big problem is: when I hover the picture and my cursor is still on it, the fadeIn and fadeOut of the second image keeps on looping. Do I have to do a callback function or is it something completely different? Here's my code: XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD
simple dropdown question- can you help me make this move up and down,
Hi, I want to make a very simple drop down menu - that when you click it it slides down and stays like that and when you click it again it slides back up. here is the code I have so far <style> .block { position: fixed; background:url('images/DD_BG.png') top left no-repeat; width:400px; height:320px; top: -250px; right: 30px; } </style> <script> $("#NewView").click(function(){ $(".block").animate({"top": "+=250px"}, "slow"); } ); </script> i know this is incredibly simple but I just have
xml manipulation
Hi, Not sure if this is the correct place to ask this, but I know you are a clever bunch so hear goes... I have downloaded an xml document to the browser and I would like to add an element to one of it's elements and I have no idea how to do it. I'm sure it must be straight forward ;-) Every search I do on the web (for example "add element to xml document loaded into browser") goes on about adding dom elements. Thanks.
toggle("drop") renders jagged fonts in Internet Explorer
Putting the finishing touches on this drop in jquery script. Everything works across the board in all browsers except of course IE. I've narrowed it down to IE turning off font anti-aliasing with the .toggle("drop"). Fonts are smooth if I just use .fadeIn and .fadeOut. Is there some way to remove .toggle("drop") after it hits ? HELP!! code snippet example: jQuery(document).ready(function($) { $("#toggle1").click(function () { $("#toggle1div").toggle("drop", {direction:"right"},
call jQuery within a javascript function using a 'this' pointer
<html> <head> <style type="text/css"> .selected{ background-color: red; } </style> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> function click(cell){ alert(cell); if (cell == 3) jQuery(this).toggleclass("selected"); } </script> </head> <body> <table border="1px"> <tr> <td onclick="click(1)">Cell 1</td> <td onclick="click(2)">Cell 2</td> <td onclick="click(3)">Cell
Passing a variable into a form loaded into a dialog
I've made a made a lovely form which is loaded into a dialog upon clicking a link. Works fine, but I want something which identifies they URL clicked on initially (e.g. /stats.php?id=bob ) to end up as a hidden form field. Should be easy but I can't get the syntax/logic right. This code creates the dialog and loads the form: <script type="text/javascript"> $(document).ready(function() { $('div.subscription a').each(function() { var $link = $(this); var $url = $link.attr('href');
using variable in other js file
For changing my content I have the following script: $(document).ready(function(){ var $active = 'welcome'; $('div#con'+$active).show(); function hideall($execpt){ if($active != $execpt){ $('div#con'+ $active).slideUp('slow'); show($execpt); }; }; function show($div){ $('div#con'+$div).slideDown('slow'); $active = $div; }; $('ul#menulist li').click(function() { hideall($(this).attr('id')); }); }); When I click an item in the menulist the current div silde up and the div corresponting
Binding a Alert Box Button
Hi Is it possible to bind two buttons together to sumit a form so if either are clicked the form submits? This is kind off what i mean. $('#click').click(function() { //something like $('#submit').clicked(); });
Pass the date from jQuery Datepicker
Hi there, I am very new to jQuery and this is my first post on the forum. I've got a problem which will look rather silly probably to most of the people here however I couldn't find an answer to it yet. I wish to use jQuery datepicker : <script> $(document).ready(function() { $("#datepicker").datepicker(); }); </script> <div type="text" id="datepicker"></div> Which looks to me as the coolest, shortest markup for such a thing I've ever seen. My problem is that I don't really know how
Chrome not responding to jQuery
I have a div #Bload, into which a lot of links load will different content. Sequence is: existing content to "display:none" with straight javascript; jQuery load function; then javascript again, a setTimeout function. The idea is to have a pause before the new content loads. On a test page, the script sequence works in IE8, Firefox, Safari and Opera, but not Chrome (5.0.375.86). <div id="Bload" style="position:fixed; top:5em; left:3em; z-index:22;">*******</div> <div onclick="noBlurb(); $('#Bload').load('changes44.html');
listbox array and jquery
Hi, $("#bbbb").change(function () { $.ajax({ type: 'POST', url:'ajax.php', data: 'islem=1&id=50°er='+$("#bbbb").val() }); }); <?php $sql = mysql_query("SELECT * FROM tablom"); while ($list_deger = mysql_fetch_row($sql)) { echo "<select name='aaaa' id='bbbb'>"; echo "<option value='$list_deger [0]'>$list_deger [1]</option>"; echo "</select>"; } ?> i use listbox as above, I naturally take the last value. To prevent this, I do masked array (bbbb []), but I do not know how it works that way jqueryi.
Need to fix some minor detailproblems with my treemenu!
Those details will be talked and explained more below but first I will paste all codes that might be neccessary to use for configuration and searching for eventual changes to be made (I will paste CSS code, jquery code for treemenu, HTML code for treemenu)... HTML Code for treemenu: <html> <head><title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <link rel="stylesheet" href="jquery.treeview.css"></script> <script type="text/javascript" src="jquery.treeview.min.js"></script>
get caller of function in javascript function with jquery?
Hello, i call a javascript function when click on a href (for hiostorical reasons) and pass this as a parameter. onClick="test(this)" function test(elem){ alert($(elem).html()); //wont work... } how can i select that item in jquery? $(elem).html();?? thank u very much.
jquery conflict with mootools.js in joomla
hai,i'm new here..i wanna ask some question,how to solve jquery conflict with mootools.js in joomla..so i have found a sc jquery plugin for joomla..but do not know how to use it..can any one help me please..i'm not expert in jquery..i need your all guide...
Hover / replaceWith woes. (I'm new, this should be simple)
Howdy! Quick question... I've got a quick and dirty little jQuery script set up so that when I hover over a div (#meatHome), a smaller div with a play button pops up (#playVideo). When you hit play, a div with a youtube embed comes up and plays (#promoVideo). Everything works, save for the fact that once the video comes up, I don't want the play button to come up anymore when I hover over it. Here's the code: $(function() { // Hide the play button and the video from the start $("#playVideo").hide();
Formular validation
Hi, I'm quite new in jQuery and googled for finding information on how to validate forms using jQuery. Now I find some older blog entries (approx. 2 years old) that there are inofficial jQuery extensions for validating formulars. Now I wanted to ask if jQuery has a formular validation included already or what to use or do everything on my own? Thanks and best regards, Dirk
Hover Stickiness?
Hi all, Green-as-can-be newbie here. I'm having trouble figuring out a couple of things and could really use a point in the right direction. I'm trying to set up the following: 1. Have flexibility to set up an href link anywhere on a page (always contained within a div). 2. On mouseover, a hidden div below the link slides down. You can then move your cursor onto the newly opened div. Both it and the link above should show the open/hover state. 3. Mouse out, and the div slides back up out of
jquery script not working in google chrome
hi, i am working on a web project using jquery for many purposes like tooltip, action events on the page etc. So far I was using firefox as I had that browser only. today, i installed google chrome to see how the project looks in another browser. but I found a strange problem, all the java scripts which where working in firefox are not working now. i am unable to guess the reason, i have enabled javascrpt in the settings but still nothing seems to work. anyone know's why this is happening??
Next Page