I'm using jquery to load an external portion (ex: content ) of a file and animate the page when the user clicks a link.
My problem is: I want to change the url when the user clicks a link. Something like [URL]
I'm using a text area to display textual updates to a user from the server. I'm inserting the text at the bottom of the textarea and need to set the scrollbar to the bottom of the textarea after every update. The problem is that the onChange event only fires if the user actually changes something in the text area, not if it is changed by an ajax update.Does anyone know of a way to detect if there has been an update to a textarea that was NOT triggered by a user?
View 2 Replies View Relatedbased on selection of radio button, i want to change the text box to enable and disable. And additionally, how to set if i enter a value in textbox1 then calculating something and display the result in textbox2 that to on key up.. not on form submitting.
View 4 Replies View RelatedI'm a real newbie with Javascript, but I'm having fun. I just bought the book, "Simply Javascript" (have only just cracked it so far). I'm reasonably familiar with PHP (I use a lot of it to do simple things). I'm a Web desinger and do custom CSS Websites (I'm fairly new to that too couple of years or more working with CSS and I've never done a table based layout.
[Code]...
But when the button is clicked, nothing will call the showCaption() function again, and I can't figure out how to call that function as the images advance. I have tried a lot of things with a lot of weird results, one being the tne next caption will display in a blank browser window, without the Webpage! I'm not sure why that happens, but I have a clue.
Is there an easier way to do what I want to do? I only want to show a few lines of text that will describe each image. Seems simple enough to me, but I'm just too new to make it work.
On my webpage, I dynamically create an iFrame when a button is pressed, then load a html page from within my own domain into the iframe, based on what html page is loaded into a variable. My question is, can I dynamically change the font family of the loaded html page from the javascript of the main page? My code to create the iframe is:
function setSubTxt(){
var par = document.getElementById('parentDiv');
par.innerHTML = '<iframe src="'+subTxt+'" style="width: 375px; position: fixed; height: 365px; left: 400px; top: 145px; border=none;" name="subIframe" frameBorder=0></iframe>';
frames['subIframe'].window.location=subTxt;
document.subIframe.document.body.style.fontFamily = "Arial";
[Code]....
the variable "subTxt" has the url of the html page to be loaded (always on the same domain). The code: document.subIframe.document.body.style.fontFamily = "Arial"; was my attempt to dynamically change the font, but it didn't work. Also, it should be noted that there is no font family set in the html pages which would override this.
[URL]
i cant get a caption specific to each image to display under the arrows when the image changes. it is especially hard for me because i have to edit the javascript which confuses the **** out of me. it seemed so simple....
ps i cant start an id with a digit? it doesnt seem to cause any problems...why is it stated that this cannot or shouldnot be done?
I am trying to change my cursor to a help cursor for a webapp I'm helping to develop. It partially works, except when an element has a CLASS attribute. For example:
HTML Code:
<div id="outer">
<input type="text" id="textouternoclass" />
<input type="text" id="textouterwithclass" class="foo" />
[Code]....
So now to my questions:
1) Is this okay? Is there a better way to do this?
2) With doing this, any divs/inputs that do have their cursor attribute set will lose it. What's the best way to store this info so it can be reset?
Is there a way I can change the URL address in JavaScript without
loading the page? I can't use document.URL or window.location because
they force the browser to reload after the URL is changed.
I want to do the equivalent of manually typing in a URL without
hitting the enter key.
Using JavaScript, can I tag a block of text and then change the text
appearing in that block?
I'm doing a type of calculator and I'd like to display the resulting
number in a <td> (or div or whatever works) on the page. I'd like to
avoid using a text form field for the output.
My URL is: http://localhost/testproject/product.html#catId=155I want to URL: http://localhost/testproject/product.html without refreshing the page.Is this possible using javascript Or jquery ?
View 3 Replies View RelatedI'm making a bit of a weird site on a server with no php, mysql etc. To save me work, I've included the header and footer using AJAX but would like to change the relevant nav bar image to the rollover image if the visitor is on that page. My javascript skills are TERRIBLE, but I came up with this anyway and was going to put it inbetween the <a> tags where the image currently sits. Probably for a very obvious reason unknown to me, the page just loads indefinitely making nothing work. Here's what I've got:
if (window.location='index.html') {
document.write('<img src="images/key/home-r.jpg" name="home" onMouseOver="over(5)" onMouseOut="out(5)">')
}
else {document.write('<img src="images/key/home.jpg" name="home" onMouseOver="over(5)" onMouseOut="out(5)">')}
My URL is: http://localhost/testproject/product.html#catId=155I want to URL: http://localhost/testproject/product.html without refreshing the page.Is this possible using javascript/jquery or not ?
View 6 Replies View RelatedHow could i change a page with ajax (jquery)? for example the header is going to stay fixed and only the content on the page will change, for example facebook; the header and footer (chat) are fixed but when browsing only the content between the header and chat are reloaded.
View 1 Replies View RelatedI've got 2 questions about ajax
1.How can I change forms in a page using ajax?I am trying to do something like that:
stage1: page.php
Enter First Value: ____________
[Send]
-----------
after pressing send im sending the data to itself to "page.php"and then sending it to another website and waiting for a return value.
This is the stage 2 form:
stage 2: page.php
Enter Some value: __________
Enter another value: __________
[Send]
So how can I do that on ajax so the whole page wont need to reaload with the stage 2 form and only reloading "stage 2" form ?
2. How can I place some kind of picture untill I recive the return value from my first form and only after that showing the second form..?
Ok so i'm trying to write a Greasemonkey script to change all the hrefs on a single page. The href by default looks like this:
<a href="javascript:get('246154895')" class="postid">ID</a>
What i'm trying to do is make the number from get() appear in stead of "ID". How should i get this done? I started up with this:
var posts = document.getElementsByClassname('postid');
for (i=0; i<posts.length; i++) {
//Replacing
}
But i doubt it will work, since there are other items with the class "postid" that aren't related to these tags i'm trying to change.
One my website its one index page, putting in content depending on the link (ie ?page=xxxxx) and from that it generats the page name, (Page name - MySite). I also have an AJAX search form working on keyup (kinda like google autosearch). I want it so when i start typing there it changes the title to Search - MySite. Then when its empty revert to what ever it was before. I already have the AJAX coding for the search bar.
Also i need to check if its on the homepage or not, and if not load the homepage (currently done by php include), does javascript have an equivelant of php's include?
How can I , for example, replace an image with another image, or some text, Or change the information in some text. But All this has to happen dynamically and without refreshing the page. How can this be achieved best?
View 2 Replies View RelatedWhen i'm click on the web page, the page turn off to balck color. is it possible?
View 4 Replies View RelatedSo i like to change class name from a html page with javascript.
I found this code that does change the class name
Code:
loopCSSChange = function (el, class, newclass)
{
for (var x=0;x<el.childNodes.length;x++)
{
[Code].....
how do i load a css file based on the page's url using javascaript. for instance let's say am index.html automatically javascript would load the css for that page and aboutus.html css file would be different based on its css.
View 4 Replies View RelatedSo i like to change class name from a html page with javascript.
I found this code that does change the class name
Code:
loopCSSChange = function (el, class, newclass)
{
for (var x=0;x<el.childNodes.length;x++)
{
[Code]....
I have an Iframe and some links to different pages. I have the code set up so that it changes the "src" to display the new page. The reason I have it set this was is because I want to be able to manipulate the content in the Iframe. I want to be able to hidden a portion of the new page once it is rendered in the iframe. This is what i have so far. Basically I need my intoIframe function to execute only after the has fully executed. How I accomplish this
Code:
function completeView(){
var tds = document.getElementById("alinks");
var link = tds.getElementsByTagName("a");
for ( i=0; i<link.length - 1; i++){
if ( i > 0){
link[i].onclick = function(){
showDoc(this);
return false;
}}}}
addLoadEvent(completeView);
function showDoc(whichDoc){
if (!document.getElementById || !document.getElementsByTagName || !document.getElementById("viewer"))return false;
var source = whichDoc.getAttribute("href");
var placeholder = document.getElementById("viewer");
placeholder.setAttribute("src",source);
}
function intoIframeUP(){
if (window.frames[0] != null){ alert('Frame is here');}
var mine = window.frames[0].document.getElementsByTagName("body")[0].innerHTML;
var sharepoint = window.frames[0].document.body.innerHTML;
alert(sharepoint);
}
Is there a way to dynamically generate a certain image via js based on the title of the webpage? like for instance....
If not is there any other way to dynamically generate specific images on specific pages via .js?
I need to be able to change the variable in this line d.addBusDays(3); from the code below, based on the page title.
For example. Page Title 1 = 3 .... Page Title 2 = 6 .... Page Title 3 = 12
<p align="center"><br><b>Est. Shipping Date:</b><br> <br>
I tried to word the question as best as possible, but here is what I want to do. I am creating a calculator online and it is getting more and more extensive, which is good b/c I'm learning a lot. Here is what I'm trying accomplish now. I am using "input" to get information from the user in the top section of my calculator and that will always stay the same.The part that will change is the results section (bottom part of the calc) based on a few different variations or setups, so I want to be able have them click on a few different options.
Option 1ption 2Option 3Depending on which one they click I want the javascript that is run for the results section to correspond to the option chosen. I also, want to be able to have a default option displayed the first time the page is loaded and then have it change if a different option is chosen. I don't think reloading the page is necessary, but I'm new to this and could use a little direction.I hope what I'd like to do makes a little sense. I'm not asking for any code written that will do this, but naturally something hints or tips that could get me going.I don't know how to "monitor" a link and return a value to a variable, so that it can be put into a an if statement in the results section.After that, it would be continually monitored or somehow restarted if the variable does change. Again, I don't know if this is the best way to go at it, but I'm not sure at all
How do i set a page element as a variable and change it?
Ive googled the internet like crazy for an answer for this, but couldnt find it. Im trying to create an animation. My question is, how do i change the width of a div onclick?
Essentially, I want it to add one percent of the value of the width of the div every one second.[code]...