show div after specific div
Ok guys I have 4 divs in this order <div id="tf_left"> content </div> <div id="tf_right"> content "link to open feed div" </div> <div id="feed" class="dropdown"> content and button </div> <div id="thecomments"> comments </div> What I'm trying to do if I click on the "link to open feed div" i want the "feed" div to open below the "thecomments" div. How would I go about doing this. Right now I have it opening before "thecomments " div. here is the jquery code I'm using now: $("a.showComment").live('click',
JCarousel Issue
hi everyone. I have two jcarousels in one page and only one will work.The prev and next buttons in the second one will perform tha default action-navigate to the home page.is there a why to resolve it and distinguish the carousels? i submit the code generating the carousel and the html part(*thia is done inside an xsl template file). Thank you i advance. <xsl:template match="//event"> <xsl:if test="count(//image) > 6"> <script type="text/javascript"> <xsl:text
thick box issue
Hi, I am trying to open thick box with SEO friendly URL . But i am unable to open. May anybody help me. thanks vivek
Is possible new update JQuery Working on IE6 ActiveX
Hi all, myself and team were working on small site for Data Intranet etc? and i remember there is issue on IE6 ActiveX with AJAX or Jquery in while back, so i have search Google that most Result is older date which relation to 2002-2005 so maybe jquery and etc have update so far so allow issue this problem with IE6 so my question is IS JQUERY can actually run XMLHTTP in IE6 without using ActiveX?
click event is only fired once
Hi there, build that js for a drupal module. The function "Drupal.open_upload_modal" is called on every click (alerts), but why is the click event only working once after page load? <a href="#upload" onclick="Drupal.open_upload_modal();" title="upload">SAVE</a> // $Id: automodal_upload.js,v 1.1.2.7 2009/12/28 02:21:20 Exp $ (function ($) { Drupal.open_upload_modal = function(){ alert('click'); var url = Drupal.settings.automodal_upload.url + '/node/add/upload?gids[]=' + Drupal.settings.automodal_upload.gid;
dynamic div and html table via jquery
here is the code <script type="text/javascript"> $(document).ready(function() { $("input[name='group1']").change(function() { $(".dynamicDiv").remove(); for (var j = 0; j < $("input[name='group1']:checked").val(); j++) { $("<div />", { "class": "dynamicDiv", id: "div" + j, innerHTML: "div no:" + j }).appendTo("body"); //var d = document;
ColorBox and CapSlide
Hello friends. I need to use the plugin on the same page and ColorBox CapSlide. I'm having the following problem and can not solve. ColorBox need to run the place $ (Document). Ready (function () { / / Examples of how to assign elements to the event ColorBox $ ("A [rel = 'ShowImage1']"). colorbox (); }); and the need to put CapSlide $ (Function () { $ ("# Capslide_img_cont11). Capslide ({ caption_color: '# fff', caption_bgcolor: '# 000', overlay_bgcolor:
Retrieving new value of margin-left that has already been changed with jQuery
I'm developing a horizontal slideshow in jQuery and have run into a problem. The slideshow works, fundamentally, by filling an overflow-hidden div (#ss_inner) with images, and decreasing the left margin into negative territoy to advance the show. My slideshow processing loop calls a function with the following logic: var current_margin = $("#ss_inner").css('margin-left').replace('px',''); var new_margin = ((current_margin - 316) + 'px'); var current_width = $("#ss_inner").width();
Show and Hide menu (where only shows one at a time)
Hi Everyone, Im having such a problem, I have a menu that has some hidden sub content. That when the user clicks the nav button some hidden content will appear. That part is fine and all working. What I need to know is when I have one nav item showing it's hidden content. If the user clicks on the next nav item. I would like the other hidden content to disappear and the new hidden content to appear. My inspiration comes from this website. http://www.o2.co.uk/ if you click on the nav arrow items.
Display Combobox value
Let's say i have a combobox <select name="combobox"> <option value="value1">THEVALUE1</option> <option value = "value2">THEVALUE2</option> </select> and let's say i select "THEVALUE2". i have a button to display the value that is selected, is there any way to display "THEVALUE2" instead of "value2" ?
ajaxStart / activeElement problem in Chrome win/mac
I'm using the ajaxStart/Stop functions to add a basic throbber next to certain elements and I'm relying on the activeElement value to determine which element to place it next to. In Firefox this works properly but in Safari/Chrome the activeElement shows as the entire body, not the element that was clicked. $(document).ajaxStart(function(a){ if($(a.currentTarget.activeElement).hasClass('throb-sm')){ $(a.currentTarget.activeElement).after('<span class="loading"></span>'); } ...
How to use Jquery Validators for Controls in ASP.NET Formview or GridView
Is it possible to use Jquery Validation on Textboxes inside a ASP.NET formview in editmode... I do have a 20 text boxes inside the formview...I just want to check for the Special characters for these textboxes...I do now how to do with normal server controls or input controls...but we can't use formview controls directly...we need to specify which formview and which control...is it possible setup a validation for formview and its textboxes.... Thanks You...
jQuery bind handler vs 'click' event
What would be the difference between setting up a click handler using .click() or binding the click handler: $('.cancelButton').click(function() { $('.dialog1').dialog('close'); }); VS $('.cancelButton').bind('click', function(){ $('.dialog1').dialog('close'); }); Obviously they both do the same thing, but is one better (in terms of speed or practice) or does it not matter at all which one you use? I usually use .click() to avoid the extra typing but I want to make sure I'm not
Superfish dropdown menumodule for joomla
i wanted to create multiple instances of vertical menus..i copied module but i dont know how change css for other module. Can you help me please???
click even have two connected movements
I met a very strange question, click even have two connected movements I use jquery js code to load the dynamic features required to load the appropriate procedures js The work load is usually regarded as normal, but sometimes abnormal Reload the page, the location of newly hatched problem will not necessarily be a problem In short very random For example the following code When you click on the corresponding object, it will trigger to load the js file, and perform the functions file $('#project').click(function(){
Firefox crashes constantly
Hi guys, http://www.flexin.be is still in beta test with a select number of customers. For some reason though, my firefox continues crashing randomly when visiting the site, and 90% of the time when I use my back button on the site. I can't pinpoint the issue, and I can't think of anything that may have changed. The site is full of jQuery code, as we use it heavily to instantiate widgets, etc, but I don't know what changed which might be causing this? I have searched these forums, and searched through
click > send string to xml > get specific node from xml > parse it > load it on modal window
I'm taking way too long to solve this. I'm about to give up, but I figured I'd give you sorcerers a try. I have a xml file. I want to click a link with a string, use that string to match and select a specific xml node [name], parse it to html, and load it on a modal window (fancybox): click > send string to xml > get specific node from xml > parse it > load it on modal window This is how my xml file looks like: <speakers> <speaker> <name>Cátia Miriam Costa</name> <bio>Es Licenciada
[jQuery] Cluetip bug in IE7 - browsers title displays
I'm trying to use the Cluetip plugin to display data on mouseover of the tr tag. The data displayed is stored in the title attribute. It works great in FireFox, but in IE7 the browsers default title displays along with the Cluetip. Am I missing an option that would allow Cluetip to override the browsers default title display? $('tr.toolTipTitle').cluetip({ cluetipClass: 'jtip', clickThrough: true, /* Set to true for allowing click to go through */ width: 360, arrows: true, dropShadow:
Using Scale on an absolutely positioned div
Hi there. I have a Div element (id=Div1) that is absolutely positioned on the page. Inside it I have another Div (id=Div2) that is absolutely sized so that it fills the whole of Dvi1. Looking at the UI/Effects/Scale page in the API docs I see the example code: $("div").click(function () { $(this).hide("scale", {}, 1000); }); Translating this I am trying to make Div2 shrink until it vanishes, as shown in the example, so I am using $("#Div2") to get this done, however, it does not work. Is this
hide function from ie6
I've got a need to hide a function from ie6 (long story). Does anyone know how I can target that browser and stop the rest of the script from processing? I looked at using jQuery.support but am not able to find a test that returns false for ie6 only. I want to wrap my function in some type of conditional that stops ie6 in it's tracks but all other browsers can process. Something like this: if($.browser.msie && $.browser.version=="6.0") // DO NOTHING else // PROCESS THE FUNCTION AS NORMAL
Load Div with External Page
I'm using the following JQuery Popup code to make smooth popups: (http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/) I was wondering how I can use use this to load external pages into the popup? So instead of having a hidden <div> in the page, there would be some sort of empty <div (<div id='this'></div>). The when I click a link, an external page would be loaded into this empty. So it would function just as it does in the above tutorial, expect the popup content
Autocomplete - exact match from start of string ?
Hello, Is there way to only match on strings starting with the first characters input? For instance, if I have a list as such: [ 'Tamara','Amy'] when I start to type 'Am', I only want to see "Amy" in the drop down list, not "Tamara". I feel like this should be an easy configuration option or easy mod, but alas, I could not find it. Thanks in advance!
[jQuery] input type text toUpperCase() jquery question
As a user types in content to this this text field I would like tho force the text to uppercase to as keys are pressed. How would this be done? and is toUpperCase a real jquery function? if not wbhat would be a simple way to hndle this with either CSS or someother method... Here is what I have and obviously I am stuck... <script type="text/javascript"> $(document).ready(function() { $('.highball').keypress( function() { $('.highball').toUpperCase()
IE6 ajax request problem
Hi, lately I encountered a very strange problem while making ajax get requests to my server. The ajax request is being processed on the PHP backend as usual and I can see it in the access.log on the server side. I also checked the parameters of the get request and they are correct. All works perfect in IE7 - 8, FF 3.5, Chrome. Checked also with JQuery 1.3.2 and 1.4, both responses are the same. Debugging in IE6 is very difficult, but when I alert the data in the callback function of $.get, I only
[jQuery] Event Bubbling
Hi, trying to organise some code on a large project i'm doing which changes alot of code around the page with submit forms. As jQuery doesn't have a live support for submit elements i thought i'd try my hand at event bubbling. It works nicely in firefox but isn't working at all in ie so i thought someone could give me a pointers. [code] $('#data').submit( function(e) { /* When a edit form is selected */ if (e.target.className == 'edit_link') { //ajax request } }); [/code]
use script on HTML obtained with .load()
Hello! I'm trying to make a beautifull ajax-based fom like javascript galleries. With this I get HTML form, generated by PHP script, depending on passed parameters: $("#info").load('./handler.php', {object: 'course', action: 'add'}); It works cool, but obtained HTML isn't affected by the script and can't handle any events, for example: $("form").click(function () { alert('click is made'); }); doesn't work anyway:'(( I supposed to send data from this form using ajax, e.g. '.load()', but as
Parsing HTML without retrieving external resources
Hi, thanks for reading this, hope you can help. I am putting together a site that uses screen scraping to extract results from a number of search engines. The HTML is downloading fine and I am able to extract search engines results relatively easily using the JQuery .find() function. My problem is that when the HTML is parsed the browser is firing requests for external resources (i.e. image & video files) that are referenced within the parsed HTML. These resources are not required by my site (I
Fade in doesn't work in IE
I tried to use fade in the code below, it works in firefox but not ie7. Does anyone know why? Thank you very much. <!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>Untitled Document</title> <script src="jquery-1.4.2.min.js" type="application/javascript"></script> <style type="text/css"> #layover{ background-color:#000;
bind unordered list item after form submitted
Hi, I use unordered list item (<ul>) to replace select type <select> (select) in my form. I have problem on bind the value after submit the form. Because <ul> is not a form element. May i know how should I overcome it? What i intend to do is similar effect as google contact book: 1. User click ADD button, then <ul> and <textbox> will be appended into the form. 2. After form submitted, user can see what are the value he has entered earlier. I can bind the textbox, post the unorder list item with hidden
choose a select option based on number in order
I have a select menu as so <option value="Black_(matte)">Black (matte)</option> <option value="High_Contrast_Tortoise">High Contrast Tortoise</option> <option value="High_Contrast_Tortoise_(matte)">High Contrast Tortoise (matte)</option> <option value="Tokyo_Tortoise">Tokyo Tortoise</option> <option value="Tokyo_Tortoise_(matte)">Tokyo Tortoise (matte)</option> is there a way i can click on a link and have the option i want selected. But I need to choose it by using numbers. I would like to be able
help with accordion with IE (strange flickering)
hi, i am developing a site, which i intend to use accordion at my frontpage. everything works good with all browsers except for in IE 6 or even 7, it is behaving a bit weird which I don't see that in the demo (http://docs.jquery.com/UI/API/1.7/Accordion) here's the example that i'd uploaded on my test server http://www.project.gp.sg/jquery using Internet Explorer, if you click at any of the accordion drawer, you'll notice the strange behaviour that something is flickering, and the word "FOOTER" will
[jQuery] IE8 problems with fadein/fadeout
I have a problem with a simple animation. Maybe there's something I don't understand as it's the first website I'm writing with jquery1.3.2 ... This is the skeleton of what I'm working (I removed all the unnecessary code I could remove without changing the logic and the website structure - that's why it looks so weird): http://bottega.cangelini.com/xf-test/sito/ In IE8 there is no crossfade, the first image will show and then hide at the end of the animation, as if it ignores opacity changes. It
.ajaxStart & .ajaxStop triger with every ajax request
hi i have a searchbox at the top of my page, using ajax. for sjowing preloader icon, during search process i used something like this: //preloader icon $('#txt_srch').ajaxStart(function() { $('#txt_srch').addClass('txt_srch_preloader'); }).ajaxStop(function() { $('#txt_srch').removeClass('txt_srch_preloader'); }); now this preloader shows, everywhere i use ajax in my site. i know despite mentioning $('#txt_srch') before ajaxStart, this method triggers with every
jquery expendable menu & css
Hi, Im new to js and this is maybe a very easy thing to do but I m lost ... any help would be very appreciated I have an expandable menu using jquery on my website, when I click on a menu title it becomes black , and the sub menu item too . Ok But i want the active menu title to stay black when a page is loaded or if the page is refreshed. any help would be very appreciated ! thanks $(document).ready(function() { // First we hide all menus $("#menu ul li.section-title").nextAll().hide(); //
ontouchstart instead of onclick
I'm developing a Web App for the iPhone. I use the index method of jQuery to get the index of the clicked DIV and write it into the local Storage, because I need it later on. Like so: (function($){ $(document).ready(function(){ $("div").click(function() { var indexzahl = $("div").index(this); localStorage.setItem("divbaer3","div" + indexzahl); }); }); })(jQuery); on all of the DIVs there is an onClick event which triggers another function
[jQuery] We want you! Localizations and sites using the validation plugin
Hello jQuery fellows, I'd like to invite you to support the validation plugin in one (or both) of two ways: Provide a localization in your favorite language. If you are using the validation plugin in a project, you may already have a translation ready, and you're welcome to contribute it back to the project - just mail the UTF-8 encoded file. The existing localizations are here: http://dev.jquery.com/view/trunk/plugins/validate/localization/ If you have an improvement for one of those: Thats very
Auto Form Submit Problem
Hi guys, I have a rather confusing problem. To demonstrate I have setup 2 separate webpages : here and this one here The form at top of both pages are filtering all the venues on the site by the postal code W1F 7HU. The first form, on test/W1F 7HU, is being submitted automatically by my javascript code which is as follows: $(document).ready( function(){ $path = window.location.pathname; $pathParts = $path.split('/'); $postalCode = $pathParts[2].replace('
Passing a variable into jquery from the calling script?
I've looked extensively for the answer to this but suspect my inexperience means I'm using the wrong "keywords" in searches, or the answer involves jquery beyond my comprehension. I have script experience and have plug-in galleryView working but have no jQuery experience which is the problem. The script: <script type="text/javascript"> name = getValue("name"); $(document).ready(function(){ $('#photos').galleryView({ panel_width: 700, panel_height: 450, <more removed
[jQuery] queue, dequeue, stop, and the endless mouseovers
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Hi everyone,<DIV><BR class="khtml-block-placeholder"></DIV><DIV>Someone asked me to try to replicate something he saw here:</DIV><DIV><A href="http://www.andrewsellick.com/examples/tabslideV2-mootools/">http://www.andrewsellick.com/examples/tabslideV2-mootools/</A></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>It looked pretty straightforward, and I was able to reproduce the main
$.getJSON working, but...
Hello everyone, in a nutshell, I'd like to find a way to parse a JSON file in a way one would expect given its structure. For example, the JSON file looks like this: "Products": [ { "Name":"Northstar CAD", "Image":"/solution_guides/bpscreenshots/firstcalcad_sm.jpg", "Description":"Northstar CAD is based on advanced analytical routing techniques providing communication centers with true decision support as well as integrated Esri GIS.", "Platform":"Server",
Next Page