I have my site all set up with a horizontal accordion menu and a content area into which I load a DIV via jQuery from an external php-file.
Let's say I have the content of one category loaded and I offer two links to switch between subcategories. Now of course I could simply have the content in different DIVs - both loaded and only one at a time visible and toggle. But the markup is always the same, only the text in different. So I would prefer not to repeat the markup and instead define the text through a php-variable and an if-else-construction. To achieve a result, I would need to reload (or rather reparse) the already loaded php-file with the new condition when clicking on the subcategory.
Is there a way to "unload" the ajax-loaded file or reload it? I tried simply loading it again and also removing the DIV before that. But it didn't work. Also now not solely the DIV is loaded but the whole page reloaded. Neither
Code JavaScript:
Nor
Code JavaScript:
would do it.
I have been mostly working with php and prefer it in these cases also in terms of progressive enhancement.
I have a form with 3 text inputs; onclick I pass their values to another php file to process everything in that file without a refresh, it works fine, but in the same form I also have a input and I need to pass its value to that other file as well, does anybody know how to do it? This is what I have:
function processform(){ $.post('processnewpostForm.php', {title: newpostform.titleInput.value,
I'm loading a (HTML) list from mySql via PHP into a main page using load. The main page is linked to a css file and a js file (jquery). The loaded data assigns the css file BUT does not seem to be able to find the js file as the click handlers in that file do not work. I'm new at this and this is probably a BASIC issue.
I'm trying to create an upload script which uploads the file without refresh, but somehow the script doesnt upload the file even though it processes the javascript correctly?
I am attempting to do two things and I'm missing a vital element: ajax call to an XML file to be inserted onto a page, FOLLOWED by selecting these newly created elements to apply event handlers on them. I am near certain that the problem is that the selectors are not 'seeing' these elments and it's an issue of running the event handler only AFTER these elements have been loaded.
How do you do this? I already have a $(document).ready(function() { in order which I naively thought would take care of this exact issue...
I need to be able to use jQuery's load function to grab the contents of an external file and append them to a particular DOM element. The problem is that when that external file includes scripts that contain calls to document.write, I get weird behavior that changes depending on which browser I'm using.If I'm using Internet Explorer, the load function gets all of the non-script elements from the external page and correctly appends them into the DOM element. Of course, this is not ideal because it ignores the scripts.If I'm using Firefox or Safari, the load function runs the scripts but the document.write output overrides the entirety of the calling page.Thus, I end up with a page that now only contains the document.write output instead of a page that includes the original HTML plus the document.write output as a child of a DOM element.
I've a form having input feilds name , email, image and comments. I want to submit the form without page refresh and upload the file on server using ajax jquery in php language. i
NOW : I need to click on a button or a link to load the external second.js instead of the old one first.js I don't want to use any iframes... Any idea how to load external js files in <td> tags or any other place in html page.?:rolleyes:
I have an XML file that I'm trying to load into and xml object, however the doctype tag is killing the javascript, and does not parse the XML at all. If I remove the doctype, the javascript can parse, and I can access the XML DOM. So I know the XML is valid. Even with the Doctype, it validates. However Javascript does not like it. I don't have a choice to remove the Doctype tag of the XML.
If I remove the Doctype, this method works to parse the XML DOM: Code: xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = false; xmlDoc.load(filename);
Also, if I use the .open method to retrieve the XML, I cannot access the XML DOM via xmlhttp.responseXML. But I do get a result when I use xmlhttp.responseText, it displays the corresponding XML. Code: xmlhttp.open("GET", filename, false);
I have a php page its only work is to display a swf file and after a period of time it redirect automatically to another page. The problem is when the php page loads the swf plays slowly.
What I nead the php file is to wait untill the swf file is fully loaded then play it so it will be played normally in normal speed?
i am trying to have the content of a txt file loaded in a page (which works), but this file changes on a regular basis and I need just the text to refreash, not the whole page, this is what I have... As mentioned, it correctly displayes the content of the .txt file, but from the code I have, I need it to refresh
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
I'm trying to use cluetip jquery plugin inside a message_container div which will be updated once in a while through ajax. The plugin works just fine in any other div, but it seems that in message_container div the already loaded external javascripts are not present ie the plugin doesn't work. Do you have any ideas what would be a proper solution for this issue?
I have this code in a page that appears in my iframe if requested from parent:
<script type="text/javascript"> parent.rrr(); </script> The parent code is: function rrr() { javascript:location.reload(true); }
So, the person clicks a link from the parent, it does a php process in a hidden iframe, which then tells the parent page to refresh. The only problem is that it puts Firefox in a constant loop of refreshing. IE and Chrome work fine. They refresh once and stop.
Though the src code opens the iframe like so: <iframe src="" style="display:none; height:1px;" name="hdplus" id="hdplus"></iframe> Firefox seems to refresh the page with the memory of the child page being in the iframe, constantly looping the child request to refresh the parent.
Why won't Firefox just accept that no page should load in the iframe, as stated in the code? I need to stop this loop, which means I need to get firefox to reset the iframe as it reloads the page.
I have a <input type = file> button for uploading a file in my php page. As soon as i select a file from the button, i need the file data to be displayed so that i check whether the file selected has the correct data. How can i do this.
is there a way to assign an event to a file input so that when a user selects a file to upload the event is triggered and i can check out the file extension? The reason why is simple, i want to perform different actions depending on the type of the file.
I'm trying to put in place a file upload validation check. So at the client-side, the User selects a file. Before uploading, at the GUI, if the file exceeds an imposed limit, it will prompt the User that it exceeds the permitted size for upload.
And if it is within the permitted size, the full file path of the file to be uploaded will then be obtained and then used for the actual upload to the Server.
My program is built on EXTJS and Java, running using Tomcat. Browser restricted to Internet Explorer 7 only.
I wanna send a file thru the JQuery.load, I want it to work exactly like the regular post without the JQuery. So I can check the $_FILES['file']['error'] in PHP and all its features like I do without using JQuery.
$("#load").load('gerenciar_itens.php',{/* This is where I wanna pass the file. */}, function(data){ alert(data); });
I have a problem with the latest version of the jQuery Form Plugin (2.80). To be more precise, I guess I am doing something wrong, and with an older version (2.67) somehow it didn't matter.With the old version, the file was uploaded without problems. Now Firefox opens a new Tab on clicking the submit button and nothing is done. Chrome doesn't open a new tab, but also nothing happens. In Wireshark I can see that there is no file attached in the POST message with the older version, the file was sent.My first guess was that my file handling on the server side is erroneous - but on the other hand, when there is no file attached, what should I handle there?
