.showcase
hi! how can i make a showcase jquery slideshow like the second example on this website here? http://www.recoding.it/wp-content/uploads/demos/showcase-demo.htm remember the 2º example i just don't know whats wrong with my code well this is my code: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.showcase.1.0.js" type="text/javascript"></script> <script type="text/javascript" src="js/shCore.js"></script>
How do I: Open links in new window under the current?
Hi, I have 30 or 40 different (going to different websites) links on many pages on my website, that I when clicked I need opening under the current window. (Pop-under) - but obviously needs to be done safely (no risk of being pop-up blocked??) So rather than just a target="_blank" - it would be something slightly more complicated, doing a bit of research perhaps the .blur method would help (Though really I have no idea) I'm using the jQuery library for other elements on the site, so jQuery would
[SOLVED] newshead and jquery
There is a nice neashead in bbc site: http://www.bbc.co.uk/ I have founded an example : www.inmc.co.uk/headlines/test.html I want to make this with jquery (without plugin) but as I illustrated in this image: How can I do this? Thanks in advance
Ajax loader being activated by 2 different features!!
Hi all, I'm fairly new to posting for help on coding, so please bare with me, hope this makes sense!. See here: http://www.retainingsolutions.com.au/test You will see two forms on the page at the top. One is a subscribe form, the other is a real time 'apple-style' search engine. On their own, each feature works perfectly. In fact, they both work perfectly, however the search feature is affecting the subscription form. The subscription form uses an ajax submit using the jquery form plugin. While it's
IE 7 not showing dynamic content
Hi all, I am trying to populate a table from an XML file, it works fine in FF3 and Chrome but in IE7 only the table headers show up Please help! here is my js file // File: readXML.js var Var_RowBGColor = "blue"; // Start function when DOM has completely loaded $(document).ready(function(){ // Open the docs.xml file $.get("docs.xml",{},function(xml){ // Build an HTML string myHTMLOutput = ''; myHTMLOutput += '<table id=\"mytable\" class=\"innerTable\">';
Need help with scrolling menus within an accordion.
Hi Everyone, I have been battling with this problem for a little over a week and have gotten to the point that I need to ask for some help since I'm nearing a deadline. Client wants this feature and I'm trying really hard to deliver on it. My client saw a site at http://tradicionesmexico.com and liked how the main navigation has the 'accordion' effect and allows for a constantly expanding submenu with the ability to scroll so as not to make it too long. Of course, I explained that this site is built
YouTube thumbnail help!
Hi, I'm entirely new to scripting... and I've finally given up searching the internet and trying to come up with my own plugin. What I'm trying to do is obtain the ID of the YouTube video and inputting it into the css of a div tag as a background. Here's what I've come up with to do this: vid = split('src="http://www.youtube.com/v/')[1].split('&rel=0&egm=0&showinfo=0&fs=1" type="application/x-shockwave-flash" width="248" height="222" allowFullScreen="true" wmode="transparent"')[0];
Find out Div element with in the Div
How can i find out the div element with in the Div? This is my aspx Page Code This is for Fixed Table Header when table has thead and tbody tags <div id="gridDiv" class="fullScreenTable"> <asp:GridView ID="gvMyRecipesData" runat="server" AllowSorting="true" ShowHeader="true" > </asp:GridView> </div> but in My Browser (IE8) shows like this <div id="gridDiv" class="fullScreenTable"> <div> (This div automaticaly created by Browser) <table cellspacing="0" border="0" id="ctl00_ContentPlaceHolder1_gvMyRecipesData"
accessing form inputs when part of an array
hi there im pretty new to jQuery, but familiar with JS in general. im trying to get a dom element by id to change the read only attribute. using jQuery i'm doing the following: var field = $('#name[index][index]'). but when alerting the field value, i get [object Object] and not an inputObject as i would expect. i can use the normal getElementById and it works as I would expect. Is this a problem with jQuery? Thanks in adavanced. Ash
IE8 + jQuery Ticket #5038
Hello, I recently created a script with for some drop-down menus. It works great on all browsers, except IE, of course. I debugged the script in IE, and it pointed to line 1061 in the full code: elem[ name ] = value; Saying that it is an invalid argument. The ticket 5038 at http://dev.jquery.com/ticket/5038 gives a fix, changing the preceding line, but unfortunately, that does not work at all. Does anyone have any clue what's going on?? You can take a look at the full html and script at http://kentonh.ath.cx/tuxis/
Accordion Navigation Menu: help needed!
I'm having a problem with an accordion navigation menu as seen here: http://www.jalc.org/rr/bands/overview.asp The problem: Say you click on 2009, the menu loads, and you click on a band name. It goes to that band page, but, understandably, the accordion snaps back to its base state. In this case, I want the menu to stay open on 2009, so that you can easily navigate among the bands in that section... Not sure how to make this work. Here is the code I am currently using, courtesy of Marco (http://www.i-marco.nl/weblog/archive/20
Loading external HTML into multiple divs
Ok lets see if i can explain this... I am trying to get content to load in to a div (working) but at the same time i need it to overwrite another div so lets make this in to a tree HEADER > MENU > CONTENT <div id="MENU"> [HOME] | About Us | Contact Us </div> <div id="CONTENT" > BLAH BLAH BLAH </div> So so now HOME is highlighted example [ ] and content is full of index.html content when i click on lets say About us i want it to change the content of CONTENT and MENU i have it working so that content
<Embed> in Thickbox
Hi all, I have an <embed> element in my page. I want to display that in thickbox.So I've used TB_inline for it.Everything works fine in other browsers.Whan the link is clicked the <embed>(video) loads into the thickbox. But in IE 8 When the same link is clicked twice, for the first time the video loads, but the second time the video does not load(an empty thickbox appears). var id = $(this).attr('id'); var videoUrl = "#TB_inline?height=344&width=425&inlineId=video" + id; //Inline content
Calling struts action from $ajax
Hi Folks This is my first experiment with jquery and ajax What i want to achieve is to call an action from the jsp using jquery and supposedly an ajax request . Nothing seems to be happening . What am i missing The JSP and Action class code can be viewed below Here is my jsp snippet <html> <head> <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript"> $(document).ready(function() { //hide the all of the element with class *_body $(".about_this_rfx_body").hide();
jquery wizard
I'm developing web page that has a form of a "wizard"(something like adding printer in Windows). I have 4 steeps, and I have two links at the bottom of a page, "Back" and "Next". Each time user click some of this links I have client script function(little of javascript, ajax and jquery) that is checking if user can move to next steep. My problem is that user can click, let say "Back" link, twice, fast. Each steep is <div> that is not visible, and div's are changing there's place on page on every
[SOLVED] problem with $.ajax call, please help :(
Hi all, i'm calling .ajax: function GetArtists2() { $.ajax({ type: "GET", //url: "http://localhost:1429/Services.HelloMusic/MusicService.svc/GetArtists?jsoncallback=?", url: "http://localhost:1429/Services.HelloMusic/MusicService.svc/GetArtists", success: function () { alert('ajax call worked'); }, error: function (request, message, additional) { alert('shit blew up: ' + message + ' ' + additional + ';
Targeting multiple elements
Greetings all, This is my first post to this forum. I am putting together a validation function and am having trouble with targeting multiple elements. Here is the relevant portion of markup: <div id="gds"> <labelMunicipal Taxes</label><input type="text" id="municipalTaxes" /><div class="errmsgB" id="municipalTaxes_msg"></div> <label>School Taxes</label><input type="text" id="schoolTaxes" /><div class="errmsgB" id="schoolTaxes_msg"></div> <label>Heating Costs</label><input type="text" id="heatingCosts"
Ajax no working
I am using boxy for this pop up register form, however the ajax no working, it does not post to "user.php" nothing happens except an long array append to my index.php like "index.php?username=&userpass=&cpass=&useremail=&name=&phone=&address=&postal=&do=ajaxRegister&submit=Register+Now" my code $('#register').click(function(){ var boxy_content; boxy_content += "<form id=\"registerform\" class=\"formular\"><fieldset>"; boxy_content += "<label><span>Username: </span><input id=\"name\"
Get data from MYSQL, XML, populate form
Hello! My first post! I need help here... I want to make it possible to show and update a mysql table using PHP, JQUERY and XML... Here is what I did. The php code to get the data and build the xml table: $query = "SELECT id_recados,id_grupo,dia_recado,recado,autores FROM wp_recados_recados"; $result = mysql_query($query); $xml = ""; while($array = mysql_fetch_array($result)) { $idrecado = $array['id_recado']; $idgrupo = $array['id_grupo']; $diarecado = $array['dia_recado']; $texto =
[SOLVED] $.getJSON doing OPTIONS instead of GET
hi all, i'm doing the following: $.getJSON("http://localhost:1429/Services.HelloMusic/MusicService.svc/GetArtists", function (artists) { alert("worked"); }); and it wasn't working, so i went and listened to the request (via fiddler) and i saw that it was actually doing this: OPTIONS /Services.HelloMusic/MusicService.svc/GetArtists HTTP/1.1 why would it do that? when i do this: $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=feces&tagmode=any&format=json&jsoncallback=?",
IE8 Descrepencies
So, per usual, IE is giving me problems whereas Firefox and Safari are fine. I've got two menus that are supposed to toggle up/down and fade in/out as the mouse hovers over the containing div. In IE8, the menu items become unclickable and in IE8 and IE7 the background changes from an opaque png to solid black. View the site in something other than IE to see how it's supposed to work: http://www.jle2photography.com/ Here's the jquery code I have that I think is causing problems: $(document).ready(function()
Function callback issue
Hello, Over the past few weeks I have been getting into jQuery quite a bit, and have been getting a better understanding of how to use it effectively. I have however ran into quite a serious problem when developing a "shoutbox" type of comment system. It's taken me a while to get every nitty gritty bit working fine, so I hope the solution doesn't involve rewriting the whole thing! The problem I have is that I cannot get the script to wait for a function to finish (i.e. run with a callback), because
Why does this work?
Hi, I have a question that puzzles me a lot. I have the following code: $(document).ready(function() { $("#somediv").load("/some/content"); }) The code inserted with AJAX contains two things. 1. A script tag that states things like: $("#Cancel").click(function(e) { e.preventDefault(); alert("you cancled"); }) 2. A div with various elements, like the button with ID "Cancel". When I click that Cancel button, the alert executes just like I want it to do. But I can't figure out
Selctor with Custom Namespace Tags
hi all! i need to get a reference to a tag with a custom namespace, e.g.: <foo:MyTag/> i've tried $("foo:MyTag") but that doesn't seem to work. any suggestions?
[ThickBox] n00b question about css on the box
I have this div for my thickbox: <div id="TBcontent" style="display: none;"><p id="TB-output"></p> <p>Click the below button to close this box</p> <p><input type="button" id="TBcancel" class="button" value="Close window" /></p> </div> this is being called by: $("p#TB-output").text("Please supply your name!"); tb_show('Error','TB_inline?height=130&width=300&inlineId=TBcontent'); hasError = true; Ther class for the button doesn't appear, it is just a plain with white text button, any clues?
Global var with jquery plugin
Hi all, I make my personal plugin dialog because I can make a theme design with the jQuery UI dialog. I want to use a global variable for each window dialog. This is my code : $.fn.myDialog = function(options) { // Options var zIndex = 100; var settings = { }; options = $.extend(settings, options); // Each this.each(function() { init($(this)); }); /* * INIT ****************************************/
[HELP] TabContainer - JQuery event handler
Hi All, Actually I have one Jquery file called "abc.js" and the code as below, $("#tabMain").click(moreActionChange); $("#find-button").bind("click", findResourceShow); $("#page-current").bind("change", pageCurrentChange); //Below is the function that i need to called for the action once the tab changing. function moreActionChange() { var moreActions = $(this); if (moreActions.val() == 'tabView') { createTbhShow(); } else if (moreActions.val() == 'tabCreate') {
[SOLVED] Reference TD fields easy way?
Hi all, I'm new here and also pretty new to jQuery. I am trying to get my head wrapped around this form of programming, and have run into a minor thing with my code. Basically I am moving one line of data from one table to another, and need a way to reference the table data without putting too many ID tags in there. At the moment I have a class attribute for the row that I use to find it. This class is set when a user clicks the row. A click on a submit link then moves the content to the other table.
jquery tooltip with ajax problem
$(".entry_with_comments").tooltip({ bodyHandler: function() { var returnValue, movieID; movieID = $(this).attr("id"); $(returnValue).load("testHTML.asp", {'movieID': movieID}); return $(returnValue).text(); }, }); Hi all, I have a problem with that.... I want to load info from external file in to the tooltip and I know I have to use bodyHandler option but it doesn't work.... there is a problem with return line.... not shure what I haev to put there..... Thank sin advance for help...
incompatibility with Firefox and IE
hi, my script works on Firefox and doesn't work on IE 6 & 7. can you help me, please ? here's my code : // JAVASCRIPT Lvd = {}; Lvd.Header = { initialize: function(){ Lvd.Header.formAuthentification(); Lvd.Header.authentification(); Lvd.Header.userMenu(); }, userMenu: function(){ $(".nav_li7").mouseover( function() { $(".navUsers_ul").show(); $("#content").css({'margin-top' : '45px'}); //déplace #content vers le bas }); $(".nav_li7").mouseout(
How to make one div of many to slide down?
Hi, I am looking at this example: http://docs.jquery.com/Effects/slideDown#speedcallback That makes all DIVs to slide down on the page, but what to do if I just want to make one DIV of several to slide down? I have tried this but it didn´t work: <script> $(document).ready(function(){ $(document.body).click(function () { if ($("div:first").is(":hidden")) { $("contact").slideDown("slow"); } else { $("contact").hide(); } }); }); </script> <div id="contact">dddd</div>
Jquery Zoom (Jqzoom)
Hi everybody. I have a problem with Jqzoom. Consider this situation, I have a <div> element on my site where my image is shown, and under this I have another <div> element where two buttons are placed. These buttons have the purpose to switch the image from one to another (so, if button1 is clicked image1 should be visible. If button2 is clicked image2 should be visible...). But the problem is and this is what I don't understand, when I switch to the other image the new visible image is no more zoomable.
[SOLVED] append table
Hi... I have a problem like this.. I create a function to append a new <tr> whenever I click a button.. the code is like this.. function addRow() { var no = $("#row").val(); if(no == '') no = 1 else no = parseInt($("#row").val()) + 1; var row = '<tr>'+ '<td align="center"><input type="checkbox" id="chek'+no+'"></td>'+ '<td><span name="no'+no+'" id="no'+no+'">'+no+'</span></td>'+ '<td><input type="text" style="width:95%" name="prodName'+no+'" id="prodName'+no+'"></td>'+ '<td><input type="text" size="5"
hide suggest box on blur event
Hi, I have to do a suggest box reading results from mysql through AJAX. It works fine, but i have a doubt: When I write the keywords in the input box, then I show a DIV containing the query results, and when the input box loses the focus, the DIV hides itself after a setTimeout of 500 msec. The problem comes when the results overflow the containing DIV, and it show a vertical scrollbar. When the user clicks the scrollbar, IE8 detects that the inputbox lost the focus and hide the DIV. The user has
Ajax GET problem
Hi everyone I'm fairly new to ajax/jquery and I'm having some trouble trying to get a simple GET to work. I have a page called 1.php with the following code: <?php $id = $_GET["id"]; echo "Put the news article with id = $id here!"; ?> This all works fine when I link directly to the page (I.e http://www.mysite.com/1.php?id=5), however when I load this page through jquery (so the url becomes http://www.mysite.com#1) the GET functionality stops working. Am I doing something fundamentally wrong
window.onload = jQuery code not working?
I have been breaking my head with a piece of code I developed using jQuery's selectable.. It worked fine, but when I tried migrating it into my working application it simply did not work/respond at all, as if it wasn't there. After a LONG session of commenting and uncommenting parts of my application's code I figured out the problem was that I had a Javascript file included that had 2 window.onload actions... When I didn't include that file, my jQuery script worked fine. Any suggestions on how to
JQuery Validate selector issues
Like we discussed, this is a solution: highlight: function(element, errorClass){ $(element).removeClass(errorClass); $(element).parent().siblings(".inputrightdiv").removeClass("inputrightdiv-valid").addClass("inputrightdiv-error"); }, unhighlight: function(element, errorClass){ $(element).parent().siblings(".inputrightdiv").removeClass("inputrightdiv-error").addClass("inputrightdiv-valid"); }, // Focus in textbox focusInvalid: false, // show
jCarousel inside a Sliding a Div Container
Hi All, I am still fairly new to jQuery so please excuse me if this is a really basic question. In a site I am currently developing, I have a jCarousel which is wrapped in a Div Container that uses jQuery to slide up and down using "slideToggle". The page renders fine and the Sliding Div works well however, the jCarousel does not work correctly. The "li" items are not being floated left so I just end up with a list of images rather than each one floating next to each other. If remove the "display:
JQuery.Load doesnt load external javascript or css in Chrome
I am using JQuery.Load to swap in and out a number of aspx pages. This works fine in FF and IE but when I try to use it in Chrome it loads the aspx page properly but it doesn't load the javascript or css file that the page links to, causing the loaded page to not function. I found a few very vague topics on this and it seems like webkit doesn't do this? This is a pretty big problem and I would have assumed that more people would have run into this but I can barely find anything about it. There must
append issues
I am trying to append a bit of html to a <Div> tag. It is a <a> with an image. The link shows up after the append, but the link is not working properly. THe code i am using is below: $("#floatdiv").append('<a href="/Requirements/Create" title="Create Requirement" rel="ModalDialog"><img src="/Content/Images/Create24.png" /></a>'); // adds the code at the end of the Floating Navigation Div. The id of the DIV is "floatdiv". This is supposed to execute as a modal dialog, but it is not working. If I hardcode
Next Page