[jQuery] HTML code inside script tag, how access to it with DOM???
I have an HTML page that looks like this: <html> <head></head> <body> <script type="text/fbml"> <div id="test">some test</div> </script> </body> </html> Now I have the will to access to the text inside test div but the code $('#test').text(); doesn't work, matter of fact nothing is returned. If my div is dragged outside of script tag, js code return me "some test" correctly, but alas, div MUST be inside script. How can I solve my problem???
Error on Ajax request
Could someone tell what's wrong with this code: $('#submit_poll').click(function(){ var valida=$('#poll').validate({ rules: { opcao: "required" }, messages: { opcao: "Escolha uma das opções para votar" }, errorPlacement: function(error, element){ error.insertAfter("#ref"); } }).form(); if(valida){ $('#enquete').append('<img src="images/loading.gif" alt="loading" id="loading" />'); var id_poll=$('#ref').val();
Using accordion and sexy combo
Hi, I am pretty new and got a following problem... case: We got an accordion and within this accordion we got an sexy-combo-box <script type="text/javascript"> $(document).ready(function(){ $("#accordion").accordion(); }); $("#basic-combo").sexyCombo(); </script> <div id="accordion"> <h3><a href="#">Form A</a></h3> <div> <p>Please fill out the following:</p> <p>1. What cookies do you like?</p> <p><select id="basic-combo" name="resObj" size="2">
iNettuts widgets
Hi Guys Does anyone know how to get the widgets to hide the content when the page loads as oppose to show the contents and then collapse??? here is the link to the page: http://lghosting.com/dev/lakeside/ Java script below: if (thisWidgetSettings.collapsible) { $('<a href="#" class="collapse">More info</a>').mousedown(function (e) { e.stopPropagation(); }).toggle(function () { $(this).css({backgroundPosition: '-38px 0'}) .parents(settings.widgetSelector) .find(settings.contentSelector).hide(); return
[jQuery] Repeatable problem with Firefox 3 and AJAX
I have found a problem with Firefox 3 and AJAX, and give code to replicate it below. The problem is when you have a resource, e.g. /docs/1234, which is fetched both directly as a web page and as AJAX (XMLHttpRequest). The server detects these cases based on the X-Requested-With: XMLHttpRequest header, and sends back different content, e.g. just a raw div or wrapped in a full HTML page. The problem is when you use a jQuery AJAX request to fetch the page again. If Firefox has /docs/1234 in its cache,
select div in a row
Hiya all, I'm really stuck .. here is my html : <!-- Beginning of ROW !--> <div id="row1"> <div id="entry"> free <span>some text</span> <p>DKK</p> <input type="radio" name="red<% Response.Write(counter); %>" id="radio" value="0" /> </div> <div id="entry"> week <span></span> <p>DKK</p> <input type="radio" name="red<% Response.Write(counter); %>" id="radio2" value="75" /> </div> </div> <!-- End of ROW !--> <!-- Beginning of ROW !--> <div id="row2"> .... same as in row 1 </div> <!-- End of ROW !-->
[jQuery] Flash content in BlockUI ovelay. Someone having experience?
I'm about to put a flash progress animation in a div to be used by BlockUI. It works fine in most browsers but in Firefox 3 an empty white space is displayed instead of the flash. The white space has the same size as the flash object so I guess I'll have to look for a Firefox vs. Flash related trick, anyway. I'm sure there are plenty of you guys having used BlockUI with flash so I'm waiting for your replies. Thx
Tooltip with DIV content
Hello from Poland I'm new here and I have no experience with jQuery. I have this list: <ul class="products-list"> <li> <a href="some-product-1.html" title="Some title"> <img src="images/product-1_m.jpg" alt="Some title" /> </a> <div class="tooltip" style="display: none; background: #ffffff url('images/product-1.jpg') no-repeat 50% 50%;"></div> </li> <li> <a href="some-product-5.html" title="Some title"> <img src="images/product-5_m.jpg"
[jQuery] $.post - post array is empty
Hi, I stick on a wired ajax problem. The following code works on my local machine. But when i replace the post url to an other server the _POST array is empty. I tried different clients, servers and browsers. $.get (... works fine. <script type="text/javascript"> <!-- $(document).ready(function(){ $.post('http://127.0.0.1/test2.php',{ aa: 'xxx',bb: 'yyy'}); }); //--> </script>
[jQuery] Problems with blur/focus when validating a field
I'm having trouble setting the input focus when validating fields in a form. I have a very simple case below, that validates a field for white space. If it has white space, it triggers an alert and I'd like the focus to stay in that field. However, when tabbing, it moves to the next field regardless. I'm using the blur event to validate the field. I'm returning false when it has white space. I've even tried forcing the issue by setting the focus to the field, and that doesn't work either. I must
[jQuery] Jquery UI tabs height
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii"> <meta content="MSHTML 6.00.2900.3603" name="GENERATOR"> </head> <body> <div><font face="Arial" size="2"><span class="903081405-10092009">Hi</span></font></div> <div><font face="Arial" size="2"><span class="903081405-10092009"></span></font> </div> <div><font face="Arial" size="2"><span class="903081405-10092009">I am using the Jquery UI tabs but I am
scrollto and pulse
Hi everyone, Here is what i am trying to achieve. i have a list at the top of my page with names of cities. And below the map with "hotspot". I'm already using jquery.maphilight.min.js with jquery-1.3.2.min.js as well as query.fancybox-1.2.1.pack.js. So when you hover one the city/area of a map, the background color change and if you click a fancybox shows up with info in it. So i would like to be able to click a name from the top list to scroll to the city/area of the map and make it pulsate. So
Auto Slide show with 3 images <--> Need Some Assistanc
Hi Folks: I have jquery code on my index.html found here: http://joeyworldfamous.com/ I need to modify the code to include the following: 1. only show the slide show once (remove the repeat). 2. auto direct to another page after the slide show completes once. 3. understand how to delay my "enter site" text hyperlink to not appear until the first image appears (why does it appear first before the first image loads?) 4. add a fade function in between each slide show image. 5. force the slide show to
[jQuery] Validate Plugin - Charcode Warning in Firebug
I'm using the jQuery Validate plugin. I have a basic form that asks for someone's name: <input type='text' name='gsFname' class='required ' class='prompt' size='18' maxlength='50'> When I enter the first character into the field, I get a Firebug warning: "The 'charCode' property of a keyup event should not be used. The value is meaningless." Is there a way to fix this?
[jQuery] Help with Add/Removing Classes
<div>Guys, I have a problem with my menu. I am trying to add and remove classes when clicking on the main menu links. For instance when on load, the 'Home' is the current tab clicked, but when I click on 'Contact Me' I would like the class current to be removed from 'Home' and added to 'Contact Me' instead.</div> <div> </div> <div>The code im using is the one below.</div> <div> </div> <div>Thanks!</div> <div> </div> <div><ul id="nav"> <li><a class="top current" href="#">Home</a></li> <li><a
get title of the page in iframe on load
Hello all! i need to get the page that loaded in an iframe when it is loading.I think i need to use frameReady plugin, but somehow i couldn't manage to make it through. I am going to use it on a proxy/tunnel site.
[jQuery] Superfish - adding a "start menu" button
Hi, I want to make a vertical superfish menu, which should be shown after hovering over some button... when moving the mouse out from the menu again, the whole menu should disappear. (so a bit like the windows start menu) The first part works (showing the menu after hovering over the button), but I don't know where to add which code to hide the complete menu again, when the mouse leaves the menu... any tips? Best regards, ops
[jQuery] "Loader" appears while slider gets the next div!?
hey!! I know it is a little difficult to understand, but I try to explain more detailed... First take a look at this slider: http://css-tricks.com/examples/AnythingSlider/ Simple slider actually. Though, what I really need is like a placeholder or "loader" that always appears (with a short animation), while the next div is on it's way. For example, like if the "next div" first has to be loaded. Is there any slider already out there in the world-wide web, or can anybody help me? Or if somebody has
[jQuery] get image size?
I haveing an issue with this: $("#ver_bildname").change(function () { var width = $(this).width(); alert(width); }); returns always 272? Whatever picture I try, the answer is alsway 272. $(this).val(); returns me the correct name, var ext = $('#ver_bildname').val().split('.').pop().toLowerCase(); the coorect file extension.... How can I get the current image size? THANKS!!
[jQuery] Grab external Meta and Title
Hey, i want to insert a web address into an input field after i click on a button, i want jquery to grab the title and the meta attributes of the website. Like if i type http://www.jquery.com i want to get "jQuery: The Write Less, Do More, JavaScript Library" and the meta "jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript."
[jQuery] My simple fading div test isn't working, firebug says anchor tag is null?
I'm doing some simple tests and I can't get this to work on a wordpress site. Basically I'm trying to fadeOut a div with id of "box" when a link is clicked. I mentioned Wordpress because the head code is loaded dynamically into the page template, as well as the body content. I wasn't sure i this made a difference in diagnosing the problem. When I load the page, Firebug keeps giving an error... $('a') is null Here is my stripped html code...Thanks for any help! <head> <script src="http://www.moxiedisplays.com/js/jquery-1.3.2.min.js"
[jQuery] Autocomplete: implement result() to link a selection
I have autocomplete working for a list of colors(red, green, blue, etc). I created an array of $id's to match each color. For example if someone types and selects "red", I want it to go to a page like mypage.php?id=1. How can I (1) parse the ids in the array and (2) implement the result() function so that it links to a page and posts the proper $id? I have a live example with source code here: http://psylicyde.com/misc/autocomplete/ Thank you for your time, and if you would be kind enough to be as
[jQuery] Image processing for IE navigators ?
Hi, About images, when an image is resized into Firefox ; the image seems to be clean ( ex : 150x150 to 130x130 ). Into IE , the same image is very bad , IE do nothing to treat this image. Maybe Jquery can do that ? In php I know how to do this but it's for too many images with differents sizes ... Any idea with Jquery ? Thanks.
Highlight a sentence on hover; change class on click
Hi, I'm trying to figure this out with jQuery: I have a few paragraphs of text kind of like this: <p class="original" id="paragraph_1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut metus augue, vitae malesuada massa. Vestibulum nec lectus urna, vehicula porta leo. Fusce dui nunc, scelerisque at molestie ut, ultricies eu purus. Duis tristique placerat rhoncus. Aliquam rhoncus lacus justo. Morbi ultricies egestas orci eget fermentum. Proin sapien sem, suscipit vel semper in, tincidunt
[jQuery] click a button returned by ajax
I have a button that do appear on my page through a post with jquery: $.post( 'more_item.php',{ NumItem: NumeroItem, Str : $("#form-itens").serialize() }, function(data){ NumeroItem = new Number(NumeroItem + 1); $('#NumItem').val(NumeroItem); var htmlStr = $('#resut_itens').html(); $('#resut_itens').html(data); } ); it returns me a clickable link: <a href="javascript:void(0);"
[jQuery] Supersubs IE7 Wrapping
I've gotta say, Superfish and Supersubs are wonderful tools. But I've run into some strangeness in IE7 and 6 regarding Supersubs. Whenever the text in a Tier 3 menu item is long enough to wrap, the menu items that wrap appear beneath the Tier 2 BENEATH item they are attached to in z-index terms. I've tried to override the z-index on .sf-menu li li li and .sf-menu li li li a, but this hasn't done anything.
[jQuery] trouble with .scrollto
hello,im still green when it comes to coding and i have a bit of problem on my hands. i've been searching for some help on this plug-in for some time now and cant find a good answer or solution, im trying to run .scrollto to make a horizontal website. the head looks something like this <script src="scripts/jquery-1.3.]2.min.js" type="text/javascript"></ script> <script src="scripts/jquery.scrollTo-1.4.2-min.js" type="text/ javascript"></script> <script src="scripts/jquery.localscroll-min.js" type="text/
[jQuery] simpleModal question. PLEASE HELP!
Hi, I hope someone is familiar with simpleModal. I'm trying to add some effects to the popup, but keep getting errors when I add my "onOpen" parameter. Here's my code. Thank! $(document).ready(function() { $('#create-user').click(function(e) { e.preventDefault(); // load the contact form using ajax $.get("form.cfm", function(data){ // create a modal dialog with the data $(data).modal({ overlay:80, overlayCss:
carousel with mouseover event
Hey, Im looking for the carousel code with mouseover function like it is in smoothgallery (mootools) when you click on the pictures thumbs and can scroll them by move mouse to left or right. I already want to destroy smoothgallery that i will have only this carousel stuff but first i wanted to ask here Thanks for any replay
[jQuery] data parameter in live
Hi I have used bind method with data parameter many times $('#mydiv').bind('click', {val:a},myfunc); but in live method there is no such thing. $('#mydiv').live('click', {val:a},myfunc); Is there a work around to do achieve the task.
[jQuery] Superfish Navbar Alignment Question
Is it possible to align the dropped down nav to the corresponding parent like it does in the basic mode? Right now the dropped down nav stays aligned to the left for each 'current' list.
[jQuery] $.load doesn't trigger $(document).ready, but $.ajax({type:"GET", ...} does???
It seems like when I load a page into a div like this, the $ (document).ready code in the loaded page doesn't fire: $("#mydiv").load("/a"); But when I do this, the $(document).ready on /a does fire. Is this correct?
Grow plugin help
I am working on a plugin and have a test page setup here...to test bigSIZE click the 'BIG' button first, then mouse over the colored boxes. It works fine if all the boxes are the same size...the problem comes when you change the box sizes (I added the form to change the sizes for testing). For example if 3 boxes are 100x100 and one is 25x25 the 100 boxes will still work but the 25 will not. Any help is appreciated. Also, if the mouse leaves the box during the grow animation it will stay grown until
[jQuery] Effects like slideDown() that leave display set to "inline"
The online documentation for "slideDown" and "slideUp" says that only the height is affected by those routines. That claim is false: the value of "display" is also changed, and for me that's a problem. I have a div that's set up with "position: absolute" and "display:inline". I want that box to appear in the layout relative to its surrounding content, and that's the simplest way I know to do that. I also want the box to be animated. I do not, however, want jQuery to touch my "display" value, because
Download chromium(chrome project) last version
<html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $.get("http://build.chromium.org/buildbot/snapshots/chromium-rel-xp/LATEST", function(data){ $('#zipindir').attr('href', 'http://build.chromium.org/buildbot/snapshots/chromium-rel-xp/'+data+'/chrome-win32.zip'); $('#exeindir').attr('href', 'http://build.chromium.org/buildbot/snapshots/chromium-rel-xp/'+data+'/mini_installer.exe'); $('#version').html('Latest
xml driven, interactive slideshow
So a client asked me to do an interactive slideshow to replace their flash one on their home page. So I'm pretty new to jquery but I have done the accordion and the tabs plugins so i was feeling pretty good. Until he said he wanted the slides content to be brought in through xml. Not one for turning down work I accepted. I'm now gonna show the final product and how I did it. This is really for newbies to jquery, an advanced guy may just laugh, but this project pushed me beyond changing css and animating
Help with addClass/removeClass
Guys, I have a problem with my menu. I am trying to add and remove classes when clicking on the main menu links. For instance when on load, the 'Home' is the current tab clicked, but when I click on 'Contact Me' I would like the class current to be removed from 'Home' and added to 'Contact Me' instead. The code im using is the one below. Thanks! <ul id="nav"> <li><a class="top current" href="#">Home</a></li> <li><a class="top" href="#">Colours</a> <ul> <li><a href="#">Red</a></li>
[jQuery] ajax submit
$('form').submit(function(){ var flage; $.post('test.php',function(data){ if(data.length){ $('#message').html(data); flage = true; } else{ flage = false; } }); return flage; }); I'm using this code to submit the form. if test.php has some data then it should be go to that page, if not it should be stay in same page. How do i implement feature like Ajax when i want to check user in registered
PNG Fix not working IE 6 must DIE!!!!
Hi, I am very new to the world of Java script and in particular J Query. I am currently studying Learning J Query 1.3 and loving it. I have tried to use the PNG fix for IE 6 off the I query site but I cannot seem to get it to work. the link is http://www.scrimshawcomm.info/newindex.html Any help would be greatky appreciated. Hopefully I will be able to return the favour soon. Sam
[jQuery] get values from a select menu then assign them to an array variable
Hi, I have a menu like this: <select size="8" class="cat2"> <option value="com1">vaio</option> <option value="com2">thinkpad</option> <option value="mob1">nokia</option> <option value="mob2">samsung</option> </select> Can I get all the values com1, com2, mob1 and mob2 then assign them to a variable ?
Next Page