noob looking to refresh a nested div on focus
i'm new to ajax & jquery and would like to reload/refresh a nested div when they switch pages or tabs so people don't have to refresh the entire page. is this easy to do? thanks in advance! sample: <div id=1> <div id=2> reload data on focus... $data; </div> </div>
Jquery Slide Show Help
Im currently developing a website for a client and its my first big project. I have a pretty good handle on it but there are some bugs and quirks i've been experiencing. The main thing that's been bothering me recently that I cant figure out has to do with a jquery looped slider. Whenever the site is first loaded the images overlap and the slider gets "stuck". Once the page is refreshed, everything gets sorted out. Im thinking its probably an easy fix, but have no idea what it is. heres the site:
jquery on a big site
I have a very large website with templates. I will implement Jquery. Now I have such templates with 50 links and buttons. I would not 1 big jquery js file with all functions, because many features rarely occur. How can I fix this?
validate url using jquery and regular expression
Hi there, I am using jquery.validationEngine.js and facing problem to validate url.Has any one solved this problem.So please help me. Thanks Ziya
Text flickers using FadeTo on sibling element
I am working on a small hover effect for a menu structure. I want to add and fade in a div with an image background which is positioned under an <a>-tag with text in it. The problem appears when the fading effect ends: The Text flickers. I tried a few configuration options and different approaches. When I just fadeTo opacity 0.99 or anything below 1, the text is just positioned behind the div element. Does anyone know a workaround? The JS Code: $(document).ready(function() { $("li.row").hover(function(){
Expandable Tabs
I'm looking to achieve the effect of the fixed tabs on the left side of http://www.billboard.com that expand to the right. Can anyone steer me in the right direction, perhaps to a tutorial? Thanks!
$.ajax Return js
I need to return a string of JS from my php file. In my ajax.php file these are the last lines ($js is a string of js generated dynamically, it works as its calling a function I'm using at the load of the page): $js = getData($day,$the_vote); header("content-type: text/javascript"); (also tried removing this) echo $js; Above that data is inserted into the db and that works. Here is my code for the js: var the_vote = $(this).attr('id'); $.ajax({ type: "POST", url: "http://seasons-beatings.com/beta/ajax/ajax.php",
Howto improve appereance of external links
For example, you want to make different all links (a tags), which href attribute is set to external site. So I wrote a small piece of JQuery code, which add class, to all external links. As bonus it's also do shortening of long URLs in link text. http://calisto.sk/improve-links-with-jquery
New to Jquery. Tell me how to improve this FAQ code.
I would like tips on how this might be improved. I just started learning jquery today so I'm interested in learning any methods long-time users have figured out. This is for showing\hiding content based on selectors, like you might use in a FAQ page. $(function() { var toggleSelector = 'h2'; var contentSelector = 'p'; var eventType = 'click'; var showType = 'toggle'; // show or toggle var closeOthers = false; var startState = 'hide' // hide or show; $('.faq').each(function()
Animated Reordering divs
Hi all, I hope you can help me out. I am stuck for days by (I think) a small problem. I try to write a small script to reorder divs with an animation. Currently I use the following script: <style type="text/css" media="screen"> body { background-color: #fff; font: 16px Helvetica, Arial; color: #000; } div.style { width: 200px; height: 100px; border: 1px solid #000000; margin: 5px; } </style> <div id="container"> <div id="someid1" class="style" style="background-color:green;">div1</div> <div id="someid2"
Calendar Widget call in dialog box
I would like a dialog box to appear on my page that lets the user select a date from the calendar widget, however I cannot get the calendar to display from input fields within the dialog box. My code is: <script type="text/javascript"> $(function(){ $('#cal').datepicker(); $('#create_sch').dialog({ modal: true, autoOpen: false, width: 240, buttons: { "Create Schedule": function(){ document.forms['create_sch_frm'].submit(); }, "Cancel": function(){ $(this).dialog("close"); } } }); $('#create_sch_link').click(
"hide" problem on IE8
ok so, i used the script on this tutorial for my site: http://andylangton.co.uk/articles/javas ... show-hide/ notice a problem when you show and then HIDE the link on explorer 8. everything in the bottom of the show/hide link gets all attached togheter. i got this same problem on my site. is this a css problem or a js problem? thanks, any help appreciated.
Direction please? Show/Hide from single link?
Hi, I'm very much new to jQuery so bear with me. I want to have a single link show/hide, so that if you click the link it will hide the current displayed div and show a hidden one. I've searched and gone through a few beginner tutorials but am having difficulty figuring out the best way to apply what I've "learned" to accomplish what I want. I've included my url below. You'll see my list of books on the page. I want to click a book and hide the "bottom-half" div that contains the bottom three columns,
I want to check Element exists
Hi @ll, i want to check in my html with jquery if one element exists or not. I write $("*[name='test.blub[entry_One]']") <input name="test.blub[entry_one]" value="wow"></input> this don't find the element. What can i do to find this element without setting a id or class attribute thx pysio
Jcarousel and lightbox HELP PLEASE!!!!!
Hi All Im not that clued up on jquery and working around problems iv been trying but no like, What im wanting to do is combine jcarousel and fancy or any other one of the lightboxes. I keep on getting my images opening to a new window instead of having the cool lightbox effect.PLease if any1 knows how to fix this please let me know. Here is the scripts in my head. <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
Combining Jcarousel and lightbox
Hi all i am wanting to know is trhere anyway to combine a carousel and some sort of lightbox so that all your images and in the carousel and once clicked on the image it activates the ligthbox effect? I have tried combining it myself but the lightbox effect doesnt seem to work all it does it opens the image sin a new window. If anyone knows of a scripts that work well together or if you think you can fix it let me know.
Combining Jcarousel and Lightbox
Hi All Is there anyway to combine jcarousel and some sort of lightbox so that you have a carousel of images or content with links and ounce clicked on the link it activates the lightbox? Iv tried to combine the 2 but when i click on the image link it opens a new window to view the window.
[SOLVED] Can't get JSON data out of Google Picasa
Hi, I'm not sure if this a Picasa thing or a jQuery thing, but I just can't get the following code to work. It works when I type the URL directly into the browser, but not when I do a getJSON call in jQuery: <html> <head> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $.getJSON("http://picasaweb.google.com/data/feed/api/user/jdiderik?kind=album&access=public&alt=json-in-script", function(data) {
Lightbox image preloader delema
Hi I'm kinda new in coding and jquery i would like some help on loading my script. I was trying to experiment on a horizontal site with a gallery http://grenzenlos.comuv.com/test/scroller.html problem is I can't seem to make a decent image preloader for my gallery and a proper "onresize" script that will adjust my divs when the window is resized (i kinda made one but I need to go back to the far end (scrollTo 0 0) to resfesh it. here is the code for the lightbox $(document).ready(function(){ // add
Help finding this script!
The website http://365icon.com/ has a really cool script involving mouseovers on images, where text is displayed above it. Where can i find a script like this??
draggable clone event delegation
Hi All, My objective is to clone a draggable which result both original and new duplicate draggables still can get drag. Both still retaining their event handlers. I googled around and tried event delegation but still don't get it. I am scoped down photo manager example http://jqueryui.com/demos/droppable/#photo-manager and use the latest lib : Jquery 1.3.2 & Jquery 1.7.2 $item.clone(true).appendTo($list).fadeIn(); Apparently, the above sentence moved the original draggable($item) not the new cloned
Please help with jquery application
Hi guys i am newbie here. I would really appreciate some help. Here is the issue. I would like to implement jqtransform http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/ I cant seem to get it working. Here are my searchform files (searchform.tpl) and (searchform.php) SEARCHFORM.TPL <style type="text/css"> <!-- #searchform .form-container form table tr td div table tr td .note span strong { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .findbutton { } --> </style>
New site with jquery: Cpluv
Hey all! We just finished a site that is using a whole lot of jquery ( for ajax submit, tabs, dialogs, transitions, DOM manipulations, ... ). There's still a bit of optimization and some final touches to add, but mainly it's all there. The site is called cpluv The site is built around the Zend framework. You can check out more about us: Shaperstudio on our site Or follow us on twitter. Cool, enjoy! And don't hesitate if you have questions.
Some sort of function after click?
I am trying to run a function after a click event function. The click event itself has a lot going on (using the scrollto plugin) and I want to have something run after it completes. If i just put it at the end it slows down the movement and makes it chug. Any ideas/help is much appreciated. Here's the code (sorry, not a JS wizard :/ ) $('#navigation ul li a').click(function () { $('#container').scrollTo($(this).attr('href'), 800); setPosition($(this).attr('href'), '#x', '0px', '200px', '400px');
replacing table rows with ajax
I have a table that I would like to replace table rows in via ajax. I am using other table plugins so keeping the all the classes intact for the columns and rows is important. I have it now where I can add rows to the table via ajax no problem. I take the id of each DB result and give it to each row. From a subsequent ajax call I would like to take the updated record and replace the existing table row. The ajax destination page is php and currently it simply returns the formatted html TR rows, then
jqModal, Ajax, and form submission
Hi, I'm new to jqModal and have been running into what I presume is a fairly simple problem. I want to: 1) Open a jqModal window which displays a form 2) The user will complete and submit this form via Ajax 3) The form will display an appropriate message, at which point the user can close the window I can both open the window and display the form no problem. However #3 is giving me grief. For that matter, I can't even cause an alert window to appear when the form's submit button is pressed. So here's
I'm stuck with .parents()
Hi, I have a list of input field in my table, i need it to bold the header when user focus on the input field, i've tried many ways but it is not working. <style tyle="text/css"> .f_row { } .f_row_focus { background-color: #CCC; } .f_header { } .f_header_focus { font-weight: bold; } </style> <script language="javascript"> // I can highlight the row , but I dont' know how to bold the header // I have no idea how to select f_header in f_row $(document).ready(function() { $("input").focus(function()
Get contents of Iframed txt file?
I'm trying to grab the contents from an IFRAME that happens to pull in a text file. I need to grab that data and display it in a PRE tag on the page. However its not working <iframe frameborder="0" allowtransparency="false" scrolling="auto" height="300" width="500" src="http://example.com/scoreboard.txt" style="background-color:#fff;" id="scoreboard" name="scoreboard"></iframe> <script type="text/javascript"> $(document).ready(function(){ var sb_url = $('#scoreboard').attr("src"); $('#flatpage_content').append('<pre
Problem loading images dynamically
Hi, I'm stuck here - I'm trying to load images dynamically on my website, but for some reason the method I use works on a server on my local computer, but behaves very strangely on a remote server... I use this code to load the images: function replaceImage(imgName, container) { $j(container).hide(); //so it fades out once the image has loaded $j(container).image(imgName, function() { //this is a simple plugin, i'll paste it's code below if(container != "#galImage") { //if it's a thumbnail, i want
Allowing only certain dates using the datepicker
Hi everybody, I an using the datepicker, http://docs.jquery.com/UI/Datepicker . Does anybody know if there is a way for me to configure this so it will only show Mondays ? Basically I want a user to select a date, but the date must be a monday. Thanks in advance.
Submit form after (ajax) validation
Hello, I've a form. Before submit this forum i have to check if there are uploaded pictures for this form. I check the pictures with ajax. If there are no pictures the must come a alert (see below) otherwise the form must bu submitted with a post (regular submit, no ajax or something). It's working fine but only the formsubmit don't work. Someone who know this 'problem'? <script type="text/javascript"> $(document).ready(function(){ $("#submit").click(function(){ $.post( "/ajax-check-pics.php?id='.$id.'",
unexpected call to properties or methods
Hi .. good morning for all .. I have e problem with JQuery .. I made a grid and when make a call gives me this error .. unexpected call to properties or methods .. I made a search in the net , and I didn't find nothing about this .. Whats is happening?? Can you help me?? Thanks a lot and sorry for my english I'm learning , yet Daniel
finding previous div with class
Hello, I want to find all previous elements in the DOM (not parent elements) of element called 'feature' $('#feature').prevAll(); // something like this But I want to find all previous divs that have a css class assinged to them. the first previous div it finds I want to be able to retrieve the class name of that dic in a string. thats it..is this possible? i am really stuck Thanks for your help
IE Specific Error
Hey, I am trying to get a div to shunt across when a button is clicked. What I have is a 1600px wide div. I then have a small box overlaying it. When the button is clicked the box remains stationary and the wide background div moves to the left / right displaying something new. This works on Firefox / Safari but on IE the buttons move and disappear when they reach the end but the div doesn't. Can anyone see what is going wrong. There are no errors in IE. .client-left / right are the buttons .frame
Code Optimization, Event Firing & Safari SyntaxError
Hello everyone, I'm working on a new theme for my WordPress blog. A lot of my interface relies on jQuery for animations and effects. I'm having trouble with the below code. UPDATE: I've updated the code below to show some changes I made. However, my problem still isn't solved. You can take a look at what I mean by going to my site (in my signature) and clicking on the "About" or "Contact" links on the left. If you click them more than once in rapid succession it sort of "wonks up". $(".toggle").bind('click',
Show hide multiple divs independently without #ID - Help
Hi all, I am new to jquery and need some help with this… I have the following simplified html…. <div class="article"> <a href"#" class="toggle">toggle div A</a> <div class="divA">some content</div> </div> <div class="article"> <a href"#" class="toggle">toggle div A</a> <div class="divA">some content</div> </div> I need to toggle the div.divA by clicking the a.toggle, but this needs to be independent to each container div.article. There will be arounf 10 div.artcile on a page and
Galleria does NOT show first image in CHROME
Hi All, First post here, so let's see if we can solve this thing. I have built a portfolio site and am using the jquery Galleria image gallery. The Galleria site can be viewed at: http://devkick.com/lab/galleria/demo_01 ... blades.jpg My site can be viewed here: http://www.oliverb.co.uk/beechhillsite.php#images/all sites/3.beechgalleria/BH1.jpg The problem is that Galleria does NOT show first image in CHROME...it is there for a split second and then vanishes?? It works in ALL other browsers...including
Basic FadeIn not working!?
I'm about to embark on really learning jQuery. The first step of which is to get a basic jquery function to work. Everytime I learn something this way the first thing does not work for no apparent reason. It's probably something obvious but I can't move on without getting this to work. I added jquery to the page I have two things a div called #content-container and an image with class .logo img.logo { position: absolute; top: 10px; left:5px; height: 57px; width: 108px; border: none;
multiple SHOW/HIDE on the same page.
i believe my problem is quite basic. you can view the problem here: http://valeriopierbattista.info/artshows.php let me explain it: for every "more info click here" link, jquery should SHOW a div containing more info about that specific artshow. what happens is it always opens the same one. you can view the problem on the 1st click here (top of the page, Re Bacco artshow) and the 2nd click here link (Aequalis gallery artshow). by clicking those, it always opens the same #panel div, the one containing
Wrogn image width
Hello! I have a problem. When I start this script first time (before I clear history and cache page) one or two or some miniatures have to much width (generic function create img). When I refresh the page this miniatures width are ok.. When I add some alert in the generic function and start this script first time miniatures width are ok too. Where is a problem? Sorry :) my English is so bad. function galeria(wys_f,wys_s,full_Out,full_In,fade_To,opacity,opacity2,opis_div,full_div,menu_div) {
Next Page