[jQuery] JavaScript not executing from external html files from Ajax call into Div
Hello, This is my first message and I am extremely new to jQuery. I am using Ajax to call external html pages into a div in my site. I have three external html forms which uses JavaScript and one .pl file. When I call these pages, the html pages are being rendered correctly but the JavaScript and .pl file (form post) is not being executed. Any ideas on how to resolve? Any assistance/help would be appreciated. Thanks in advance. - Andrus
How to get the Text() of different divs
Hello jQuery Community, my name is Ricardo, I'm from Perú and I'm starting to study javascript and jQuery... I have this case: 1) There are 3 divs, each div contains "an <h2> tag" and "an input class='button' ". 2) I want an alert that displays the text in the h2, when I click the Input contained within its div parent. <body> <div> <h2>I'm First!</h2> <input type="button" class="button" value="First Button" /> </div> <div> <h2>I'm Second!</h2> <input type="button"
Is using <a href="#"> still the right way to do it?
I'm one of those crazy dudes who does mostly back-end work, and as such I don't work with JavaScript all that often (but when I do, jQuery is the ONLY way I roll!). However, recently I'm finding myself using the "old school" practice of making an empty same-page anchor the href for an anchor tag so that a js function can fire (which I'm starting to do by assigning callbacks instead of onclick events - I'm gettin' there!). But honestly, and maybe I'm just nitpicking here, it's ugly as hell having
How to check that certain element does not exist ?
I am dynamically creating CheckBoxes DropDoenlist with certain set of values of not all of then are created any time. But in Script i want to get sure whether that element has been created or not. So how can i check for radio button list and dropdown list. Below is the code for my dynamic list creation: sbp1+="<select id='locationOption' class='reg_select'>"; sbp1+="<option>Location one</option>"; sbp1+="<option>Location two</option>"; sbp1+="<option>Location
animate
I checked over the jquery animate setup, but all I need it to move one div/one image. It seems everything there is for an onclick and multiple panels... is there a tutorial for sliding "one div" horizontally once, and "onload"?
what is the difference between "start a discussion" and "ask a question"?
i am a new. this morning i posted my first question and i had waited all day for it to appear on the Getting Started forum. i just realized i had used the "ask a question" and not "start a discussion". Is it because of "its a question" so it didn't get published? where can i retrieve my question? cause it's not in the "My Account" page. it's kind of long and i didn't keep a copy for record ... Sorry for posting such a newbie question as "start a discussion".
Showing or hiding DIV based on data from AJAX
I am new to jQuery and can't get this to work properly. I am loading content form a php page through an AJAX call. Based on the data that is returned I want to fade in a DIV or keep it hidden. Therefore I have a if construction that checks the data that was inserted in a DIV from the PHP page. If the PHP page returned 'No data' the DIV should remain hidden. The loading part works OK, but somehow the hiding or showing of the DIV doesn't work. What am I doing wrong? Is the syntax correct? This is what
How do I call a jQuery function?
Have written a few websites and am just now starting to branch out into JavaScript. I'm an old FORTRAN and VB programmer and am used to statements like CALL SCROLL("UP"). Can someone please tell me how I should call a function from my html? Specifically I want to have text scrolling upwards in a div once the page has completed loading. Thanks.
user changeable skins / interchangeable css / enlarging texts / visitor changeable web items / background changer
I simply do not know what they call it, i have seen it on several websites: user can change the backgrounds of menu, background, buttons etc, some are so extensive user can use eyedropper and change every aspect. user can change font, size, etc i would like to use this for my viewers and offer it to my clients (as a soon-to-be joomla design specialist) i am certain it has to be jquery that is enabling such a feature, what is it called how do i get a hold of it? thank you
How to integrate all jquery code?
hi, i have use few jQuery Plugin in one page, so before the <head> have more javascript code like this: <script type="text/javascript"> $(window).load(function() { ......... </script> <script type="text/javascript"> $(document).ready(function() { ......................... </script> <script type="text/javascript"> $(document).ready(function(){ ......................... </script> can i wirte all code in a .js file ,and make it clean....?
help about animation
hello, i wrote this jquery script but can't make it to work. This is a code: $(document).ready(function(){ $('.menu-a1').hover(function(){$(this).animate(function(){$(this).css('background-image', 'url("images/Menu-first-hover.png")')}, 'slow');} , function(){$(this).animate(function(){$(this).css('background-image', 'url("images/Menu-first.png")')}, 'slow');}); });
SlideDown/SlideUp menu
hi, i m new in JQuery, i m try to use Jqeury to make a slidedown menu , the html code like below: <ul> <li> <a href="#">item</a> <span> <a href="#">subitem</a> </span> </li> </ul> i hope when mouse over the <li> item, will show the "subitem", i use slideDown done it well, but how to make it SlideUp when mouseout?
Jquery Overlay and php form
I have a form that is loaded into an overlay using thsi code $("a[rel]").overlay({ onBeforeLoad: function() { // grab wrapper element inside content var wrap = this.getOverlay().find(".contentWrap"); // load the page specified in the trigger wrap.load(this.getTrigger().attr("href")); } }); The form is straight PHP with PHP error checking and a thank you for submit message. I want the the error messages and the thank you for submitting message to stay in the overlay. How do I do
How to get an element if i know its ID partially and i do not know what type of elemnt it is
Hi, i only know some characters of ID of an element , and also i do not know in prior the type of html element it is. So can you please tell how to get that element ? Thanks
How to get actual content written by user in this Rich Text Editor ?
Hi, I am using this Rich Text Editor in my asp.net page.Every thing is fine , but i want to get the html contents inserted by user using a javaScript function and submit the form asynchronously. But i am unable to get the html content.Please help ,how to get the html contents.I am herewith attaching that Rich Text Editor file .You please unzip these files and place those in a single folder, i have kept in separate folders since single file size was getting larger that limit. Thanks
Reference unordered list item as an array
I have an unordered list that I am using as a menu. This list contains sub lists. I found out how to get the index of the primary unordered list item that is being hovered but I am not getting the syntax correct to reference the individual items of this list to get the HTML, the position, height and length of this item. What would that statement look like? Thanks! $(" #nav li").hover(function(){ // Locate the index of the singular list item that is being hovered var index = $(this).parent().children('li').index(this);
Check radio button with jquery?
Hi there, I am totally new to jquery and did manage to design a form and check fields on values (with a little help;)). Now i also have 2 radio button options, and at least 1 need to be checked. So i would like to validate this too before the form will be sent. Here is my validation now, without the radio funtion: //ckeck if inputs aren't empty var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; var fields = $('#first_step input[type=text]'); var error = 0;
load() function is not working with datepicker input
Hi! I have an input text in which i use datepicker. When i select a date from the datepicker it doesn't work, but when i type the date manually data are loaded correctly. <input type="text" id="date_facture" class="required text fl-space2 datepicker-inline" name="date_facture" /> <script> $(function() { $("#date_facture").change(function() { $("#loaded_facture").load("./_num_facture.php?choice=" + escape($("#date_facture").val())); }); }); </script> Does anyone know how to fix that?! Thanks
I've problem with hide element in jquery.
Hi! I'm new to JQuery and My problem is js code works fine in ff, opera but not in ie $("*#title").click(function () { if ($(this).parent().find("#r_content").css('display')=='none') $(this).parent().find("#r_content").show("slow"); else $(this).parent().find("#r_content").hide("slow"); });Html is <div id="art_box"> <div id="article"> <div id="title"></div> <div id="r_content"><p>Some text1</p></div> </div> <div id="article"> <div id="title"></div> <div id="r_content"><p>Some
Animating my list-item
I have an unordered list as shown below and i am trying to make the list rotate. The script below rotates the list but only does it only when clicked on. However, is it possible to do this automatically, without the user having to click, if yes, how please? <ul> <li>menu1</li> <li>menu2</li> <li>menu3</li> <li>menu4</li> <li>menu5</li> </ul> <script> $(function() { $("li").click(function() { var prev = $(this).prevAll(); $.unique(prev).each(function(i) {
Struggling with the css.class & ajax.call~~PLZ help!
I'm very new for jquery & js, so I'd like to be someone like u guys, so there's the question: I have a menu list (four h5s) to call 4 pages for each h5. I want the h5 clicked to get a current class when its call is completed, and the previous one come back to be with a link class, and the page called in the container. Now I got the code: HTML <div> <h5 id='menu' onclick=changeDivClass(this.id,0,1)>Menu1</h5> <h5 id='menu' onclick=changeDivClass(this.id,1,1)>Menu2</h5> <h5 id='menu' onclick=changeDivClass(this.id,2,1)>Menu3</h5>
Calling functions
Hi, I'm super new at jquery and seem to be having a lot of problems understanding the syntax. How do I call a predefined function? It seems like it should be super simple, but it doesn't seem to work. If I embed the function in the handler call, it works fine, but I when I try to call it from there, it doesn't work. Am I missing something? $(document).ready(runthis()); Assuming that function runthis() is already a defined function, is this improper syntax? Thanks!
Can't get to nested table
Hi everyone, I develop pages within a third party web application. The page output has tables within tables. I have an 'id' for the table I want, 'oErrorsList' which I then want to find the value of 'SelectedRowID'. I have tried the following code but I get nothing. var myTable.text = $('table').filter('[id=oErrorsList]').SelectedRowID; alert(myTable);I am new to this forum and I don't know if this is enough information so I am including an image of part of the page. Thanks very much for any help
Dialog close function. How to pass data?
How do you pass data to the close function of the dialog?
pause for setInterval
hello frnds, m creating a slide show. all has been set. What I want it to do is once you mouse over it will just stop it where ever it is in that moment, then when you mouse out it will start from the moment you moused over. m using javascript setInterval function, which doesnt support pause functionality. so i m trying to create my own. like the time parameter in setInterval function is 8000 and whenever i make the mouseover on image, i could find the remaining time to change the image like i mouseover
Why can't I get this feed?
Hi everyone, I have been trying to get the feed from this url: http://www.ezrss.it/search/index.php?show_name=Modern+Family&mode=rss but it keeps returning "data.responseData is null in the firebug console" Does anyone know why??
Tweaking Thickbox to NOT close when you click
I really know nothing at all about Jquery or Java, but I'm trying to tweak the thickbox code so that I can fake a side-by-side gallery with it. I want the page to have thumbnails on the left, and the bigger images on the right, but I don't want them to fade in and out or go away; only the image replaced when you click the next thumbnail. In other words, I don't want any overlay, so I don't want the window to close, I just want it to go to the next one when you click on the second thumbnail. Right
How do I check if the method of text () starts with a 1
How do I check if the method of text () starts with a 1
Disappearing box on Hover
This code attempts to have a blue box appear when red senses the mouse hovering. I can get the blue box to be visible, but when the mouse leaves to hover over the blue box, it disappears! Not good. How do I make it stay? I want to put a form in the blue box, but at this test, the blue box disappears when the mouse leaves the red bar. I put in code to keep the blue box visible on mouse over, but it conflicts whit the second "red.hide" function, animating open and closed. I've tried to put an "if statement"
how do i get the size of an image
i have a link, and in this link have in href="link to my image", how do i get the size of the image inside href? thanks!
is it possible to update a div element on a remote web page
hi all, i have one task in which i have to update the information on DIV on one of the webpage which will run on another system which can be any client system. is it possible to update the information of the web page in real time so that if some client is watching the other web page at that time, he will see the latest content. i dont want to create server side scripting and logic for this as this is very small content. anyone with some idea about this? i hope i was able to describe the problem
Jquery form action not working
Using jquery i am validate email address... After validating when i click on submit button, the form action not working... I attached my files in this post
How to get ID's of Children div's of a class with a specific Parent div ID
I'm building a volunteer translation site. In order to constantly update only paragraphs that multiple translators are working on, I need to pass an array to PHP of A: which paragraphs are open, and B: which translations have been submitted and are visible on the user's screen. PHP will then compare this with what is in the database and tell jQuery to add new submitted translation paragraphs or remove deleted ones. I've managed to make a string of all the open Div's and have it updated every second,
Load a pdf file using div.load() call
Hi, I was trying to display a pdf file inside a HTML div and was using JQuery $('#divid').load(url) to load the file inside a div. While other HTML files are loading properly, i am facing problem loading a pdf file. The content does not get rendered properly, i am not sure whether this load function is supposed to handle this, but is there any other way to load a pdf inside a div?
Need help with something complex.
I've been searching for hours and hours and I just don't know exactly what to look for. I created a spreadsheet in excel for a video game that can calculate almost anything in game. And I wanted to take it to a whole new level and make it into a website for people who don't have excel and just making it 10x easier and more accessible to use. I just don't know where to start. Pretty much the idea is. Person #1 loads the website, he chooses his Hero that he wants to test and an enemy hero he wants
jQuery, AJAX and JSON
I have a Select box that has an option to select Price Plan. When the price plan is selected, i want it to populate the PaymentAmount input box with the cost of that price plan. The code i have so far, HTML: <form name='dataForm' method='post' action='client.add.proc.php' id='DataForm'> <table width='500' border='0' cellpadding='0' cellspacing='0'> <tr> <td width='150'><label>Payment Date</label></td> <td width='350'> <input type='hidden' name='Stage_field' value='AddContract' /> <input type='hidden'
Show a compatibility chart for UI and jquery releases
I find it is always a bit hit and miss when i upgrade the UI and jquery because it is never clear which versions are fully compatible with another. I understand that there is a bundled jquery version with the UI download and I always assume that that is the latest safe version, however I think it would be a very useful addition (judging by the number of 'my-version-is-not-compatible' questions found online) if there was an easy to find compatibility chart on the UI website, updated for every release.
AJAX Form Field Values Not Updating
I'm trying to make a simple AJAX HTML form. Here is an HTML snippet: <form> <fieldset> <legend>Character Groups</legend> <ul> <li> <label for="lowerLetters">Lower Case Letters</label> <input name="lowerLetters" type="checkbox" checked="checked" required="required" value="on" /> </li> <li> <label for="upperLetters">Upper Case Letters</label> <input name="upperLetters" type="checkbox" checked="checked" required="required"
Animate multiple divs on click
I want to animate divs on click . But the problem is there are multiple divs and I unable to get the height of each div my code is function show (div) { var hei = $('.a').height(); $('.show').click(function(){ $('.text').animate({'height' : hei + 'px'}) }); } and my html is <div class="text" style="border:2px solid #993300; width:200px; height:100px; overflow-y:hidden;"> <div class="a"> <p>sdf </p> <p>sdf</p> <p>sd</p> <p>fs</p> <p>df</p> <p>sd</p> <p>fs</p> <p>df</p>
HELP
I can't download jQuery. When I try to run the download file I get the following error message: line: 16 char: 1 error:'window' is undefined code: 800A1391 source: Microsoft JScript runtime error Please help before I kill somebody.
Next Page