When use text/html as header for my page the method
element.offsetWIdth/Height work as usually and return the real
width/height of an element, but when I use XML as type (which is
necessary in modern browsers to use strict XHTML) the function returns
just 0.
Can somebody help me, it's very important. The prototype function
Element.getDimensions() doesn't work in strict mode.
I developed a Grid that sometimes resides within a table. The Grid is created with the DOM and inserted in its parent element. Problem is that IE returns offsetWidth/offsetHeight 0 when you check its offsetWidth.
For example, the following code will return 0, while Firefox returns its correct width.
Code:
<table border="1">
<tr>
<td id="myCell">
Some text goes here...
<script type="text/javascript">
alert(document.getElementById("myCell").offsetWidth);
</script>
</td>
</tr>
</table>
I read somewhere that IE renders the table once it has read the entire table, so my guess is that offsetWidth returns 0 because the table is not yet rendered and its not part of the DOM?
Anyway, if anybody would know how to avoid this it would be great. This problem does not appear inside a DIV, but in this very case it must be inside a table...
I have reimplemented the non-standard <marquee> element (in a very
simplified fashion), moving around a DIV using offsetParent and
offsetWidth.
It works fine in Mozilla (1.7.5) and Safari (1.2.4), but fails
miserably in IE6/Win : the content scrolls off screen to the right hand
side, although it should be going to the left.....
I am not able to calculate the offsetwidth of the element which contains extra space in between the characters.for ex. if the element contains "A A" as a innerHTML value - if we calculate offsetwidth as 29 and also if the element contains "A A" value again I am getting the same offsetwidth as 29.While calculating the offsetwidth it is not calculating the empty space.May I know how to calculate the offsetwidth with the empty space because I need to insert the ellipsis (...) if it exceeds original width?
Code snipet
function fitStringToWidth(title,width,className) {
var span = document.createElement("span");
span.className="titleBar-Title-1";
[Code].....
I am not able to calculate the offsetwidth of the element which contains extra space in between the characters.for ex. if the element contains "A A" as a innerHTML value - if we calculate offsetwidth as 29 and also if the element contains "A A" value again I am getting the same offsetwidth as 29.While calculating the offsetwidth it is not calculating the empty space.May I know how to calculate the offsetwidth with the empty space because I need to insert the ellipsis (...) if it exceeds original width?
Code snipet
function fitStringToWidth(title,width,className) {
var span = document.createElement("span");
span.className="titleBar-Title-1";
[Code]....
function writeCmd()
{
// var div = top.buttonFrame.document.getElementById("buttonList");
[code].....
I have a page with a form that a user completed. When they hit submit this calls some javascript. This javascript stores some XML in a variable and inserts the values from the form into the correct parts of the XML.
What I need to do is submit this XML or variable to another page. in effect, the use ris submitting the form to generate some XML then i want to send this XML to another page.
here is the code I have so far:
PHP Code:
<html>
<head>
<script>
function thename(){
var username = form1.username.value;
var password = form1.password.value;
var phone = form1.phone.value;
theXML = "<?xml version="1.0"?>
<novo-xml>
<register>
<client-id>test</client-id>
<password>" + username + "</password>
<user-id>" + password + "</user-id>
<phone-num>" + phone + "</phone-num>
<app-id>test</app-id>
<channel>I</channel>
<user-type>upgrade</user-type>
</register>
</novo-xml>";
//I was using this alert to display the XML
//alert(theXML);
}
</script>
</head>
<body>
<form name="form1" onsubmit="thename();">
username <input name="username"><p>
password <input name="password"><p>
phone <input name="phone"><p>
<input type="submit" name="submit">
</form>
</body>
</html>
I'm trying to make a cross domain iframe and want the iframe to dynamic resize the height. I have read that this is not possible, but if I own both domains I thought that I in my cross domian could make an variable which tells the height of the page and then send it via the iFrame to my page. My crossdomain page has a javasacript like this:
Code JavaScript:
var pageHeight = document.getElementById("container").clientHeight;
And my page would get the page like this:
Code HTML4Strict:
<iframe src="mypage.com" width="100%" height="The height from my crossdomain" frameborder="0" scrolling="no">
User gets for every minute staying on the site 1 credit. Credit is updated each minute, even if the page is not reloaded. But also if the page is reloaded or user continue browsing to other pages inside our site, counter should continue where it stayed in the previous page. If the user leaves the site it doesn't need to continue.
How would you do this? Is it possible to send in javascript value to the next page? Otherwise I have some other ideas, but I am not sure which is the most common: 1. On page leave (if this exists in javascript?) call with ajax timer.php where you assign time to the session. 2. On each 5 seconds call with ajax timer.php where you assign time to the session. 3. Do sql call for each 5 seconds. I guess this is not ok because it is too wasting.
I have a site which displays a selection of advert listings. We log the number of clicks each advert receives via ajax requests.The listings link to both internal pages on our site and external pages, hence the ajax - we cannot log the'clicks' by logging the requests on the destination pages as these are not all on our site for us to log. Also, I don't want to potentially get false positives e.g.from bookmarked pages - hence I am logging the actual clicks, not the requests on the destination.
All is OK in most browsers, but there is a problem with Safari (I am running Safari 4.0 on Windows XP running in Virtualbox OSE) but only where the destination is to open in the same window/tab (some listings go to a new window, some don't). I am logging clicks via an ajax request in the onclick event, which is working fine when the listing is to open in a new window, but it appears that when a new window is not to be opened, the ajax never gets sent.A have constructed the following minimal test case:
index.html
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" [code].....
Note the line commented '****' in index.html which cancels the action of the link. When this is not commented out, the ajax request is sent correctly. Without it (the desired situation) the ajax request never gets sent. Its as if Safari saves up the ajax requests to do later, but never sends them as the new page cancels all such 'saved up' actions.I am using the Safari web developer tools, but I have also checked this test case by checking the Apache logs. Note that as a test case I don't pretend that it will work in IE, but it should work in standards compliant browsers and has been tested on Firefox 3.6.6 and Opera 10.6. The Apache logs show that logger.txt is being requested, unless it is already in the browser cache.Possible workarounds I've considered, but would prefer to avoid:
On the site in question the only such links that currently open in the same window are internal, so I do have the option of logging safari clicks by logging these requests as opposed to clicks and checking the http referer on the server side. As this is not a very flexible solution as it relies on these specific circumstances, also relies on all other links successfully making a new window, and furthermore relying on http referer could result in false negatives I'd rather find a solution within the javascript.I haven't checked whether an asynchonous request would work, but I don't wish to do this anyway just in case there is ever a server problem that prevents the response coming back (note that for these purposes the response is actually superfluous - we are sending the server a message but don't need anything back). I also want to avoid the delay in sending the user to the destination - there is no point having to wait for a response we don't need.Lastly, and my prefered workaround unless I can find anything better, is to make Safari (only) open all links in a new window anyway.
want to take this redirect script and modify it so that it rotates a banner image instead of sending the user to another page. The script works so that if the window is out of focus for 10 seconds, it redirects. The images are defined in an external style sheet so I guess I'll have to move that into the document. Also, I want it to be able to work more than once with multiple images, like if the user opens a new tab, comes back, goes to a different tab, the image should change twice. Here's the script:
<script type="text/javascript">
var xScroll, yScroll, timerPoll, timerRedirect, timerClock;
function initRedirect(){
[code].....
My objective is to make a map that lets the user click the map to make a pin and write a description. Like this [URL]
View 13 Replies View RelatedI am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() {
var f;
var x;
var myForm = document.forms[0];
// Get the row filters that were used in the last query..
for (f = 1; f < 16; f++) {
var filter = eval("myForm.FilterList_" + f);
if (filter.selectedIndex > 0) {
var methodElement = element("FilterMethod_" + f);
var methodIndex = methodElement.selectedIndex;
var savedFilterMethodValue = methodElement.options[methodIndex].text;
var choicesElement = element("FilterChoices_" + f);
var choicesIndex = choicesElement.selectedIndex;
if (isNaN(choicesIndex)) {
var savedFitlerValues = choicesElement.value;
}
else {
var savedFitlerValues = choicesElement.options[choicesIndex].text;
}
updateFilters(filter); // update the filters
// take the saved methods and values and then update the selections
// Alert here makes the code work..
// alert("Try this");
// Wait for HTML..
setTimeout("completeEdit()", 1000);
function completeEdit() {
// Since the object was updated, get the object again..
var methodElement = element("FilterMethod_" + f);
for (x = 0; x < methodElement.options.length; x++) {
if (methodElement.options[x].text == savedFilterMethodValue) {
methodElement.options[x].selected = true;
break;
}
else {
methodElement.options[x].selected = false;
}
}
// Since the object was updated, get the object again..
var choicesElement = element("FilterChoices_" + f);
for (x = 0; x < choicesElement.options.length; x++) {
if (choicesElement.options[x].text == savedFitlerValues) {
choicesElement.options[x].selected = true;
break;
}
else {
choicesElement.options[x].selected = false;
}
}
// Only display next row if f = 2..
// If only one row was used, no reason display the next row..
if (f == 2) {
displayNextFilter(f - 1); // display it
}
}
clearTimeout(timeOut);
}
}
}
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
I need to load a different image after, lets say 10 seconds.
So image1.gif will be displayed when the page loads then after say 10 seconds image2.png will replace image1.gif.
I used this part on my pages with success, but after moving it into a list it is not working at all anymore:
<ul class="languagelist">
<li class="info"><a href="#">Read this page in English</a></li>
<li class="info"><a href="#">Read page in Russisch</a></li>
<li class="back"><a href="javascript:history.back()">Return to last page</a> </li>
</ul>
how can create in jquery a div out the page and return again with click a button???
View 8 Replies View RelatedWhat i'm trying to do is pretty simple. I want to detect if the value of a field in a form called "check" and if the value is "1" return the user to a different page. i also want it so if the value is anything else the user is returned to the homepage. Here's what i have so far:
[Code]....
Probably an easy one, I have the following code...
[Code]...
However whenever I click on the link it still goes to the top of the page.
I am using a dropdown box with 6 options. On change I want ajax to return part of an HTML/PHP page that corresponds to one of the 6 questions. I was trying to put and if statement on the return page to determine the part that I wanted but I didnt work. I rather not create 6 HTML/PHP files for each of the options. Here is part of the CODE
CREATE A:
<select name="mychoice" onchange="onchange_getform(this.value)">
<option>----Select----</option>
[code]....
I'm buildning a permissions system. If the database check shows that the user doesn't have access to the PHP script she tries to access, I want to diplay an alert window telling her so. And when she presses the "OK"-button, I want the browser to send here back to the previous page that she came from.
Is this a javascript problem? Is there a quick and dirty solution?
All is on the title, sorry for my english, i'm french :) I have an html page with style
<style>
#mydiv {
margin-left:auto;
margin-right:auto;
width:250px;
}
</style>
with jquery, i try to get the margin-left ($('#mydiv').css('margin-left'), but the function return 0px, unable to retrieve the good value (auto) anyone has idea to retrieve the value "auto" when margin-left is "auto" ?
i've a div that contains a form, each of these elements have their own id; the structure is something like this
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="art-header-tag-icon">[code].....
I'd want that: at the first user's click on the #register div, the div #registerForm become visible, it should remains visible also when the user click the submit button within and it should disappear if the user click a second time on the #register.I partially solved my problems with this:
$(document).ready(function(){
$("#registerForm").css("display","none");
$("#register").toggle(function(){[code]....
but i can't resolve the submit issue: whenever a user submit the form in the #loginForm div, the page refresh and the main div return invisible.
I am writing a small data entry screen that will post the form data to a page and return a message. But i cannot get the Success or Error functions working properly.
Here's the code where strData is the posted querystring of:
I'm not sure whether it should be in a form and using the onsubmit or click of a button.
I have a form that calls a perl script. A few javascript routines in
the form do a few things prior to submitting. For some reason,
however, the perl script is being called twice (the perl script sends
out an email, and submitting the form once results in two identical
emails.)
Here are excerpts from the script that I believe to be relevant (I can
post more if this isn't enough, but it's long and I'm trying to keep
it brief.) Can anyone tell me what I'm doing wrong? I've read about
how you need to return true after calling the javascript via a button
click, but I've done this kind of thing in other places and it's
worked fine. I've also tried inserting a return statement here in the
function and it doesn't seem to make a difference. Strange. (BTW, I
changed the domain name in the URL out of courtesy to my client, just
FYI.) Code:
How i can send e-mail using JavaScript?
View 11 Replies View RelatedI am using triple ajax dropdwon in my php file.In my form i have species_scientifc_name & on select I am sending its id to a php file for retriving data for second dependent dropdown box, Here I need to get this id in form action file.
View 1 Replies View Related