[jQuery] Float on top using jQuery
Hi forum, Does anyone has jQuery code example of how to keep a message floating on top of a screen and it is staying on that position even though when we scroll the screen? I am pretty new to jQuery. If anyone could explain to me how to do that, i very appreciate it. Thank you,
[jQuery] Append new tab
Hi folks, I'm new to Javascript and jQuery. I've just tried the Ui.tabs and it work fine, however I would like to add a new tab by clicking on individual items in a list but can't figure out how to do it. I have tabs in a <div id="study-tab> which work. Then in each tab i have a list of items to which i have assigned a class="itemslist". # Item1 etc. I would like to click on each item and create a new tab in which i load the items detals. I have tried this, but it does not work. <script> $('.listitem').click(function()
[jQuery] Button Updating Help
This is my code: $(document).ready(function() { $('.add_letter_code_object').click(function(event) { $('#objects').append('<html code>') }); }); What im trying to do is when you click the + button it appends a new object which also has a + button to add more, the problem I'm having is when you try to use the + button on the NEWLY created object it doesn't work, is there a way for updating a function upon appending new objects ( or code )? Thanks for any suggestions and help
[jQuery] XML $.ajax GET IE6 Help!
I have this example working great in FF but I can't get it to work in IE6. I've tried the XML with cdata tags and without. Can anyone see my issue? ************ HTML: *********** <!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>XML Test</title> <script src="jquery.js" type="text/javascript" language="javascript"></
[jQuery] Running a loop for array numbers
Hi guys how can i run this in a single statement without manually putting in the numbers? $('.equipment a.i-right1:eq(1)').hide(); $('.equipment a.i-right1:eq(2)').hide(); $('.equipment a.i-right1:eq(3)').hide(); $('.equipment a.i-right1:eq(4)').hide(); $('.equipment a.i-right1:eq(5)').hide(); $('.equipment a.i-right1:eq(6)').hide(); $('.equipment a.i-right1:eq(7)').hide(); $('.equipment a.i-right1:eq(8)').hide(); Note that im skipping the first array [0] due to wanting it to show. Also this one
[jQuery] Find and replace all instances of a string with another string?
Let's say I want to replace all instances on a page of "golf" with "football" (just plain text). How would I do this with jQuery?
[jQuery] ajax .load in old version (May 12 2006) how to upgrade
I've several pages working fine using ajax (load) from an old JQuery Version (May 12 2006). Now I try to upgrade to use version 1.2.6 but the ajax functions doesn't work. please anybody knows some about ajax(Load) changes? Thanks in advance.
[jQuery] Using $.post with complex JSON structures
Hi, I am having trouble using $.post with complex JSON structures. Specifically, when I post an object that contains an object or array as a value, the nested object posts as the string "[object+object]" . Sample code: sampleJSON = {}; sampleJSON = { "a" : "b", "c" : {"d": "e", "f":"g"}, "h": "i"}; $.post('spit.php', sampleJSON , function(txt){ console.log(txt); } ); What I am really hoping to do is: complexJSON = {}; complexJSON = {"title":"abcd", "playlist": [ {"url": "url" }, {"url": "url" },
[jQuery] form submission from Thickbox (jQuery based)
hi guys! What I have is: -Thickbox login page (login.php) fires correctly when I click on "Login" in my page - after clicking "login", the thickbox is gone But still, I'm not logged in. There's something with submitting the info. If i simply fill out directly my login.php, it logs me in. Any idea would be helping me a lot! Thanks Motooo
[jQuery] I am making a Drag/Drop applications BUILDER (feedback appreciated)
I am making a Drag/Drop applications BUILDER (feedback appreciated): http://mynichecomputing.com/GuideInfoandPlanner/UniversalDD.htm The user interface is done, but it does no building. Whole thing may be done in a couple of days. BUT, I would like any input/feedback/ideas or suggestions.
[jQuery] Extending LavaLamp Menus and Gallery
Hi All, Hey I've always liked the lavalamp menus, currently there are two plugin versions: http://plugins.jquery.com/project/LavaLamp Demos: http://www.gmarwaha.com/blog/?p=7 An expansion labeled as v.2 of LavaLamp http://plugins.jquery.com/project/lavalamp2 Demo's are here: http://nixboxdesigns.com/lavalamptest.php 1. I'm interested in writing up a gallery post of LavaLamp menus in use, if you've used the LavaLamp menu navigation, post a link here! 2. Also, I've got a request to use the LavaLamp
[jQuery] How to check if the browser supports iframes?
I am wondering if it's possible to check if the browser supports iframes. I just want to check if iframe works (true/false) and if so stat some function. Can anyone help?
[jQuery] Thickbox; New close button and remove close when click off window
Hi all, Two part question: We are using thickbox for an 'Add to shopping basket' modal window. There are two buttons in the thickbox window; one for adding the product to the basket and the second button ('Return to shopping') which closes the thickbox window. I am removing the "Close"/Esc bar at the top per my company's wish. I am new with javascript and need to be able to have that 'Return to shopping' button close the thickbox window. Any easy way to accomplish this? Also, when clicking outside
[jQuery] Scrolling Table sets scroll position in overfloe:hidden div - Scroll is lagging
Hello, I have a div with a table inside. The div is set to a width and an overflow of auto. Scroll works great. The problem is, I have set an event on the div to check when it is scrolling. I take the scrollTop() function and assign it to the scrollTop() of another div with a css property of overflow:hidden. When I scroll the the scrollable div the other div scrolls too but it lags about 1 to two pixles behind. Does anyone know how to make it scroll correctly without a lagg? Thanks var scrollheight
[jQuery] what is your opinion
What is your opinion about www.bestplanetsneakers.com? bestplanetsneakers is a legit online shopping store providing authentic items for men and women. bestplanetsneakers.com is retailer of designer footwear servicing Canada,USA,U.K. and others. http://www.bestplanetsneakers.com offers FREE shipping
Radio Box Navigation Tabbing Using JQuery (4 dynamic form).
Hi guys looking to make a dynamic form where the fields change dependant on radio box option selected above. I hope someone out there can help me i'm a beginner and so far have found this code below to get started. I just need to plug in somecode to switch div containers dependant on which radio box is selected. Then i can get the alternate fields to appear disappear. Code so far below. thanks dave $(document).ready(function(){ $("input[@name='empType']").change( function() {
[jQuery] Radio Box Nav Tabbing Using JQuery (dynamic form).
Hi guys looking to make a dynamic form where the fields change dependant on radio box option selected above. I hope someone out there can help me i'm a beginner and so far have found this much to get by. Just need to add code to switch div containers dependant on which radio box is selected. Code so far below: $(document).ready(function(){ $("input[@name='empType']").change( function() { if ($("input[@name='empType']:checked").val()) { alert($("input[@name='empType']:checked").val()); } } ); });
[jQuery] Radio Box Nav Tabbing Using JQuery (dynamic form).
Hi guys looking to make a dynamic form where the fields change dependant on radio box option selected above. I hope someone out there can help me i'm a beginner and so far have found this much to get by. Just need to add code to switch div containers dependant on which radio box is selected. Code so far below: $(document).ready(function(){ $("input[@name='empType']").change( function() { if ($("input[@name='empType']:checked").val()) { alert($("input[@name='empType']:checked").val()); } } ); });
[jQuery] Radio Box Nav Tabbing Using JQuery (dynamic form).
Hi guys looking to make a dynamic form where the fields change dependant on radio box option selected above. I hope someone out there can help me i'm a beginner and so far have found this much to get by. Just need to add code to switch div containers dependant on which radio box is selected. Code so far below: $(document).ready(function(){ $("input[@name='empType']").change( function() { if ($("input[@name='empType']:checked").val()) { alert($("input[@name='empType']:checked").val()); } } ); });
[jQuery] Radio Box Nav Tabbing Using JQuery (dynamic form).
Hi guys looking to make a dynamic form where the fields change dependant on radio box option selected above. I hope someone out there can help me i'm a beginner and so far have found this much to get by. Just need to add code to switch div containers dependant on which radio box is selected. Code so far below: $(document).ready(function(){ $("input[@name='empType']").change( function() { if ($("input[@name='empType']:checked").val()) { alert($("input[@name='empType']:checked").val()); } } ); });
[jQuery] Radio Box Nav Tabbing Using JQuery (dynamic form).
Hi guys looking to make a dynamic form where the fields change dependant on radio box option selected above. I hope someone out there can help me i'm a beginner and so far have found this much to get by. Just need to add code to switch div containers dependant on which radio box is selected. Code so far below: $(document).ready(function(){ $("input[@name='empType']").change( function() { if ($("input[@name='empType']:checked").val()) { alert($("input[@name='empType']:checked").val()); } } ); });
[jQuery] fadIn not working in chain?
Hi, i have these lines of code: $('#save').click(function(event){ $("table tr#t2").after("<tr style="ackground-color:yellow;">Insert this row</tr>").fadeIn("slow"); }); If the save buttons gets clicked, i append a new row. This works fine. But when additionally want to fadeIn, it didnt work. Does the fadeIn Effect not work in chain with .after'? Thanks Yavuz
[jQuery] Problem with Cycle plugin using random and previous
I've come across a problem with Mike Alsup's very good Cycle plug-in. This occurs when using both the random feature and a "previous" link. "Previous" will go to the previous item as it is ordered in the HTML, regardless of what appeared previously to the user in the random order. For example, if I have elements to be cycled which appear in the page code in this order: A, B, C But when randomized appear to the user in this order: A, C, B Then, if the user clicks the "Previous" link with B showing,
Content Fetch via "GET"
Hi all, I am using "get" method to fetch content. The code i am using is $.get(url,function(data) { $('#container').html(data); //modify content1 //modify content2 //modify content3 }); After fetching the content, i need to modify the content 2-3 times before actually displaying it. The problem is the data gets displayed after each modfication which makes the page appear flickering. How can i stop the content from being displayed untill all the modification steps have been completed.
[jQuery] Running script onLoad instead of ready
Maybe I'm missing something totally obvious, but I was trying to get an alert to fire after some of the page loads, (but before ().ready). I tried the following: $('body').load( function( ) { alert('Hello World'); } ); with no effect. I also tried it with some of the other elements on the page. Also with no effect. But the following works perfectly, albeit a little later than I'd like: $(document).ready( function( ) { alert('Hello World'); } ); Basically, what I'm trying to do, is to get the alert
[jQuery] difference between $.post and $.ajax
I know there is a lot of difference, but what are the defaultsfor $.post? I am asking this because I am able to send with this: $.post( "/ajax", {"data" : json }); but not with this: $.ajax({ type: "POST", url: "/ajax", data: json, processData: false, }); The first gives me an 200 back, the second an 500? TIA Ruediger
[jQuery] Page Content fetch via GET
hi all, i have a problem. I need to fetch page content via "get". After data is fetched, i need to perform 2-3 manipulation on data before showing the actual content. Each manipulation modifies the page content. I am using the code shown below $.get(url,function(data) { $('#container').html(data); //manipulation code //manipulation code //manipulation code }); The problem is after each manipulation, modified data shows up in the container and then the final content appears at last. This makes the
[jQuery] Superfish - Help - How to make menu centered on the page with css?
Hi all, i am using superfish plugins, modify some css, but i don't know how to make this menu appears center on the page. please help. thnx.
[jQuery] Difficulty to acces images created by reading XML file
in HTML : <div id="theImages"></div> in jQuery : (jquery-1.2.6.pack.js) $.get(folderCatalogues+'/'+ 'catalog.xml', function(data){ $('#theImages').empty(); $(data).find('galerie').each( function(){ var $galerie = $(this); var $thumb = createImg(folderCatalogues + '/img/' + $galerie.find('thumb').text(), $galerie.find('width').text(), $galerie.find('height').text()) .appendTo($('#theImages')); $thumb.hover( function(){
[jQuery] BlockUI and FF3
I've got a small problem with BlockUI In FF3 it seems to be always choosing the parent DIV to block and not the one I give it. And SURPRISE something is actually working properly in IE. ACK!!! So for now, its just a FF bug. The code is: var fan1 = $(bObj).parents(".post:first"); alert(fan1.length); $(fan1).block({message:null,overlayCSS: { backgroundColor: '#fff' } }); The alert tells me that the length is 1, and when I ask for the ID its the correct child DIV.
[jQuery] Passing JSON object o datePicker does not work
I downloaded the ui.datepicker by "Marc Grabanski" Herez the problem 1. I am dynamically creating the JSON object & passing it to the datePicker $('#dateEl').datepicker(JsonObject); 2. This works fine as long as I do not add "onSelect" to the JSON object.but If I hard code it works $('#dateEl').datepicker({ showOn : "button", buttonImage : "../calendar.png", buttonImageOnly : true, minDate : calendarContext.cal_startDate, // picked from variable maxDate
[jQuery] Ho to remove or add a new table row?
Hi, i have a table with data from my mysql database. Now i want to add and delete the records via jQuery. Is this possible? I need to remove the selected row or add a new row and update selected row. Is there any sample or idea how to solve this problem. I searched with Google and couldnt find an answer. thanks yavuz
[jQuery] jQuery and IE8 beta
I've tested a site I'm working on in IE6, IE7, and IE8beta, and it works good in IE6 and 7, but doesn't work at all in IE8beta. Any ideas why? I'm using fade effects primarily.
[jQuery] AutoComplete > How to define values?
Hello, I am using JQuery AutoComplete. Can I use some words that are in my HTML code? I am putting the words there using inline server side code. Or should I use JSon? Thanks, Miguel
[jQuery] Yahoo Mail-like "Select All" check box (???)
I'm on my first week of learning jquery and I'm totally hooked. I'm converting/condensing a lot of my JavaScript to use jquery in my project I'm working on. But now I have an issue, albeit, not an urgent one. I read a blog post a while ago on some blog I can't remember, where the person explained how to make a better "Select-All" check box, like the one in Yahoo Mail. I figured out how to get the select-all to work with the code below. <script language="javascript" type="text/javascript"> $(function
[jQuery] $.css() class setting in Internet Explorer
Don't know if this is been addressed here, yet, but I discovered a really tedious syntax issue with IE and the css() method in JQuery. Basically, this error never comes up in Firefox or any Mozilla-based browser for that matter, but in IE JavaScripts will fail when you do: $('div').css({class: 'my-class-name'}); You simply need to make sure that class is enclosed in quotes $('div').css({'class': 'my-class-name'}); I would guess that IE reserves "class" in javascript, so it just bombs out when included
[jQuery] Problem on Creating Two Instances of FlexiGrid
Hi All, I'm using two instances of FlexiGrid in a page and I'm encountering the below error on the pagination stat: Page of [object Object] What do you think causes the error? By the way this error appears only on FF. It is not displaying on IE but still there is an error (records doesn't appear). Thanks, Nimrod
[jQuery] IE6, cycle all plugin, and object doesn't support this property or method
I am using the cycle all plugin, and I am wanting to make the site work in IE6. Of course it works in every other browser. But IE6 it does not work at all, and I get the "object doesn't support this property or method" error, for the following code: $(function() { // run the code in the markup! $('#s4').before('<div id="nav" class="nav">').cycle({ fx: 'fade', speed: '2000', timeout: 7000, pager: '#nav', pause: 1 }); }); Why would IE6 be throwing an error? And what would be causing cycle all to not
[jQuery] Combining Animation Methods: fadeOut and slideUp
Is it possible to execute both a fadeOut() as well as a slideUp() methods on an object? If so, what is the syntax? Any feedback will be greatly appreciated.
[jQuery] UI Tabs and Mootools.js conflict, Advice Needed
Hello Everyone, Thank you for taking the time to read this message. I am attempting to use mootools with UI Tabs and I am having a conflict. Basically, only the last one to load (closest to the </head> tag) is working. I have tried to use the tutorial here http://docs.jquery.com/Using_jQuery_with_Other_Libraries but I am afraid I am all thumbs when it comes to interpreting javascript. Here is my current script (I have removed all my attempts to fix using the aforementioned tutorial). <link rel="stylesheet"
Next Page