I'm still getting to grips with Javascript parsing through http://www.w3schools.com/xml/xml_parser.asp. The problem is that I need a Gecko equivalent to the Internet Explorer example at the bottom of the page.
I need to parse XML that is in a variable from a Prototype ajax request.
I am trying to assign a variable using a form value, but it returns as undefined. However, if I directly set em (uncomment them), it works.
Why are my values not working?
<script type="text/javascript">
//lichbloom = 2;
//frostlotus = 5;
lichbloom = document.endlessragevalue.lichbloom.value;
[Code]....
I have a the SimpleModal running on a php page, and on said php page, a varaible is defined; e.g. $var = "John";
and then the usual gubbings for simpleModal, which calls modal_output.php - the file generating the output for the modal popup.
I need to get that $var into this popup, so the popup can read:
"blaa blaa John"
This should be simple, I thought - but I can't parse it through _SESSION, or any method I try. I even tried hacking it into:
$.get("contact_modal.php", function(data){
to read $.get("contact_modal.php?var=<?php echo $var ?>", function(data){
but that breaks the js
Is there anyway I can parse the variable from the original page into the modal popup page?
I recently had need for the method document.elementFromPoint() found in Internet Explorer (http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/elementfrompoint.asp).
My immediate method for implementing this was artificially creating an arbitrary mouse event (decided on mousemove) at the specified coordinates, setting up an event listener on the document, firing the event, record the target, and remove the listener.
However, I apparently didn't pay close enough attention to this (http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-EventTarget-dispatchEvent):
The target of the event is the EventTarget on which dispatchEvent is called.
However, I had a hunch that Mozilla was merely redirecting the event to the document to be correct, and actually stored somewhere the "correct" target. After dumping the event object, I found a property which must have been recently introduced (Mozilla 1.4 branch apparently) called "explicitOriginalTarget" which is like originalTarget, but apparently never targets anonymous content, and in this case, also differs by referring to the element where the coordinates of the mouse event were.
Anyhoo, here's some code. I've tested it in various Mozilla 1.4 builds successfully (and double checked explicitOriginalTarget in < 1.4 builds to find that it doesn't exist). Firebird 0.6 is also based on 1.4, so it works in that too. By using the browser's box object and mouse events, instead of hacking my own, I don't think there should be any issues with it picking up elements that can't be seen.
// Program: document.elementFromPoint(int clientX, int clientY) in Gecko
// Author: Jason Karl Davis (www.jasonkarldavis.com)
// Date: 15 June 2003
// Purpose: Emulate Internet Explorer's document.elementFromPoint method as described here:
// http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/elementfrompoint.asp
// Requirements: A browser built off of the 1.4 branch of Mozilla (or better)
// Distribution: You may freely distribute and use this script as long as these comments remain intact
if (navigator.product == "Gecko") {
Document.prototype.elementFromPoint = function(x, y) {
this.addEventListener("mousemove", this.elementFromPoint__handler, false);
var event = this.createEvent("MouseEvents");
var box = this.getBoxObjectFor(this.documentElement);
var screenDelta = { x: box.screenX, y: box.screenY };
event.initMouseEvent("mousemove", true, false, this.defaultView, 0,
x + screenDelta.x, y + screenDelta.y, x, y,
false, false, false, false, 0, null);
this.dispatchEvent(event);
this.removeEventListener("mousemove", this.elementFromPoint__handler, false);
return this.elementFromPoint__target;
}
Document.prototype.elementFromPoint__handler = function (event) {
this.elementFromPoint__target = event.explicitOriginalTarget;
// reparent target if it is a text node to emulate IE's behavior
if (this.elementFromPoint__target.nodeType == Node.TEXT_NODE)
this.elementFromPoint__target = this.elementFromPoint__target.parentNode;
// change an HTML target to a BODY target to emulate IE's behavior (if we are in an HTML document)
if (this.elementFromPoint__target.nodeName.toUpperCase() == "HTML" && this.documentElement.nodeName.toUpperCase() == "HTML")
this.elementFromPoint__target = this.getElementsByTagName("BODY").item(0);
event.preventDefault();
event.stopPropagation();
}
Document.prototype.elementFromPoint__target = null;
}
And the reason I prototyped Document instead of adding it to document directly is that any extra documents you may have loaded on the same page inherit those methods. For example, an iframe or something. And it /should/ be usable in other, non-HTML documents as well, such as MathML, SVG, XUL, etc. :)
I tried to use it but i guess i failed... here is a code:
<html>
<head>
<title></title>
<script type="text/javascript">
function closedWin() {
confirm("close ?");
return false; /* which will not allow to close the window */
}
if(window.addEventListener) {
window.addEventListener("close", closedWin, false);
}
window.onclose = closedWin;
</script>
</head>
<body>
</body>
</html>
People have complained that window.find() doesn't work, and everyone knows Gecko doesn't support IE's proprietary TextRange object, some have assumed you can't do this in Gecko.
On the contrary though:
Node.prototype.findTextMatches = [];
Node.prototype.findText = function(query, ignoreCase) {
this.findTextMatches.length = 0;
if (ignoreCase)
query = query.toLowerCase();
var tw = this.ownerDocument.createTreeWalker(this, NodeFilter.SHOW_TEXT, { acceptNode: function(node) {return NodeFilter['FILTER_' + (RegExp(query, (ignoreCase ? 'i' : '')).test(node.nodeValue) ? 'ACCEPT' : 'REJECT')] } }, true);
var offsets = [];
offsets[-1] = query.length * -1;
var totalMatches, trueOffsetDiff;
var range = this.ownerDocument.createRange();
while (tw.nextNode()) {
totalMatches = tw.currentNode.nodeValue.split(RegExp(query, (ignoreCase ? 'i' : ''))).length - 1;
for (var i = 0; i < totalMatches; i++) {
trueOffsetDiff = offsets[offsets.length - 1] + query.length;
offsets[offsets.length] = tw.currentNode.nodeValue.substr(trueOffsetDiff)[ignoreCase ? 'toLowerCase' : 'toString']().indexOf(query) + trueOffsetDiff;
range.selectNode(tw.currentNode);
range.setStart(tw.currentNode, offsets[offsets.length - 1]);
range.setEnd(tw.currentNode, range.startOffset + query.length);
this.findTextMatches[this.findTextMatches.length] = range.cloneRange();
}
offsets.length = 0;
}
return (tw.currentNode != this);
}
Node.prototype.highlightText = function() {
if (this.findTextMatches.length > 0) {
with (window.getSelection()) {
removeAllRanges();
addRange(this.findTextMatches.shift());
}
return true;
}
else
return false;
}
To search all text in the body, ignoring case, you'd go like:
document.body.findText('search query', true);
That loads up an array full of ranges selecting the text into document.body.findTextMatches.
To selectively highlight next occurences after executing findText:
document.body.highlightText();
// highlights first occurence
document.body.highlightText();
// removes previous selection, highlights second occurrence
// etc
Just calling that method over and over will successfully highlight instances. It returns true if it highlighted something, false otherwise,
Also, since I prototyped Node, it works not just in HTML documents, but can work in XML documents too.
Calling document.findText in an HTMLDocument may cause interesting results, as it searches through all the nodes, including <head>...
How does this cross-domain request work in FireFox, Safari & Chrome and not in IE/Opera ?$(document).ready(function()
[Code]...
had this in browsers areas but people told me I should put it here in Javascript because more people here would probably have seen it before and know why it happens. I have basic Javascript that rotates images. I've noticed any kind of Javascript code that rotates images has this same problem only in Mozilla. When the images rotate in Mozilla in between the rotations, Mozilla browser adds a little colored square that represents a blank image that are able to be seen does anyone know why Mozilla Browser adds that? For example when looking at this page in Mozilla can see it. if you know if this is some Mozilla problem with Javascript and images. Doesn't happen with IE and other browsers shows the images only and nothing else.
View 2 Replies View RelatedI've a BIG Problem With a HUGE JS application , i'm modifying its javaScript code to work on both IE/Mozilla , currently it works fine on IE but not on Mozilla.
My main Point now is events.
Lets try with a little module, consider this function :
And it is attached in this place like :
This works fine in IE , i want to modify it to work on Mozilla.
i have an ajax script that requests data from a database. Some of the fields contain html. I would like to know the easiest way to parse an xml file that looks like such:
<response>
<poster>Poster name here</poster>
<title>Title goes here, may contain a link</title>
<text>html content here</text>
</response>
i can't seem to figure out an easy way of parsing all the contents between a tag, what is the easiest way? I'm trying to fix a script that doesnt work when the text area contains html and i can't get it to work.
My problem is that i need an algorithm parse parse HTML.
For an HTML page, my script has to parse all tags to get all forms
values, even if there is frame, iframe, ...
How can i do such a script ?
I can't figure out how to parse the following string and to decompose
it into substring.
CuttingFlags--C500F2*#C503F3*#C509F10*#C506F2*F15##
Basically, each C should go in an array. and for each C I should have
an array of F.
CuttingFlags array contains C500, C503, C509 and C506
C500 contains F2, C506 contains F2 and F15.....
Can you help to parse the string first?
I wrote something like:
var table=Array();
$.post("script.php", {arg1: a}, function(xml) {
$(xml).find("tagname").each(function() {
table[table.length]=$(this);
});
});
The code works OK in Firefox and Google Chrome, but it fails in Konqueror (khtml) or IE 8.0: the resulting array is empty although the xml read by Ajax call is OK. I tried also with "$("tagname", xml).each()" - same result.
I'm trying to work with XML DOM for the first time as I need to grab a value from a SOAP request. I've been following this: [URL], which says modern browsers won't parse xml files from another server for security reasons. How would I got about doing this then? I've been using the price of crude oil as an example [URL] and want code portable enough to put on something like Tumblr, so I don't think I can actually save the file locally first.
View 13 Replies View RelatedI am trying to split an IP address into it's 4 octets using a RegExp and assigning the result to an array but it is not working. Here is my function so far:
<script type="text/javascript">
function lastoctet(ipaddress){
var ipoctets = new Array();
ipoctets=ipaddress.split(/(.)/g);
alert(ipoctets);
}
</script>
I have a project coming up this summer that will include having to run a quiz like application from several machines disconnected from the internet.
I was hoping to be able to have all of the quiz data in an XML file and the actual quiz page as html/js. The machines will be using IE5/Mac.
Unfortunately, I won't be able to get a hold of a machine for testing until very close to the deadline, so I need to know what technologies will and wont work for the browser.
What kind of compatibility issues (if any) should I be weary of?
I have a url with parameters like the following:
http://test.com/mycode.html?xyz&myvar=value2
I need to endup with the following available to JS
base_file = mycode.html
parameter1 = xyz
parameter2 = value2 or myvar = value 2
What is the easiest way to parse the query string out of the url? When I use self.location I get everything.
Lets say I am on one of the following pages:
[url]
[url]
[url]
I would like to get the value of id (i.e. 2).
How to do so? Also, should I start with window.location.search or window.location.href?
I am trying to parse a feed using JS and have stucked on the <content:encoded> tag. I have tried getElementsbyTagName but its not working.
View 7 Replies View RelatedI have an XML file that among other things has the following node.
As you can see it contains HTML tags.
<description lang="en">
<![CDATA[
<div class="descrBoxRight" style=" top:250; left:200">
ENGLISH <b>ENGLISH</bENGLISH ENGLISH
</div>
]]>
</description>
With javascript, in Mozilla, I easily retrieve the content of the
XML "description" tag using the following line of code
var myStuff = myDescrNode.textContent;
However, in IE (6.0)
var myHTML = myDescrNode.textContent;
and
var myHTML = myDescrNode.innerText;
do not work, resulting in myHTML being undefined.
Alternative solutions? Should I remove the CDATA tag
and use a completely different method?
Hi, I'm fairly new to AJAX, but I've been able to retrieve HTML and plain-text documents without any trouble. However, I haven't figured out how to retrieve it in XML format. Basically, here's the script that's supposed to retrieve and parse the data when you pass it the url of the page generating the XML data:
View 1 Replies View Relatedi'm having problems with my json scripts. When I retrieve data that
contains new lines it causes an error from firebug. I've used a couple
of replace like
.replace("", ""), .replace(//g, "") but it still didn't work.
I'm trying to use it to load in an XML file and output some data. I followed a tutorial on it but my XML file isn't loading.[code]Now my thinking is that when the document loads, it alerts me that the jQuery is running, and it does this. I had hoped that after closing that alert, another one would show saying that the XML file has loaded - This would ensure that the function 'parseXML' has been called, but it does not return an alert or populate my#xml_addressbook div.My index page is at the root, and both my XML file and the javascript file are in a folder, as shown below.[code]
View 10 Replies View RelatedI'm building an application with a c#.net server and a good bit of jquery on the front end. I'm having trouble getting/parsing data from c#. In the C#, I am doing a db call to pull the information for all users, and putting it into xml format:
string xml = "<?xml version='1.0' encoding='utf-8' ?>";
xml += "<Users>";
while (res.Read())
{
[Code].....
When I run the application, I'm getting the 'in AjaxSucceeded [object XMLDocument]' alert, but I cannot get inside of the 'each' loop.
The following example works great in Firefox, and Chrome but fails miserably in IE (6,7,8). I'm running JQuery 1.3.2 if it makes a difference:
$('resp',"<root><resp>value</resp></root>").text();
That evaluates to "value" in everything except IE.
DOM Parsing XML file (am new to using DOM and parsing files) and I am practicing with example files I found online (W3C). I am trying to use DOM to parse and XML file and then display the info retrieved from the XML file in HTML using Javascript. The files are working well and validate, but nothing is displayed when I open the file up in a browser only the style sheet background color I am using. There are 3 JS functions, one loads the XML, the second gets the info and the third displays it. Here is the code, minus the Style sheet I have been trying to figure this out.
HTML Code
Code:
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[URL]">
<head>
<title>Bookstore</title> .....