Viewing Javascript Generated Html Code
Jul 20, 2005I was wondering if there was a way to view the html code that javascript
produced since viewing the source code shows the javascript if statements
for netcrape and IE etc.
I was wondering if there was a way to view the html code that javascript
produced since viewing the source code shows the javascript if statements
for netcrape and IE etc.
JavaScript learner, first time poster. When I grow up, I want to be a JS guru. In the meantime, if I had hair, I'd have pulled it out yesterday. I've been working for a few days now, trying different techniques to perform what I think should be a simple function. Here's the situation:
I have an HTML page:[URL]... ...which calls a function in a JS file on another server [URL].. which I did not write, nor can I change. The JS file determines the date and time, checks it against a list of conditions, then displays one of two gifs indicating whether or not an online help person is expected to be online, based on the date and time.
The list of conditions in the JS changes from time to time (holidays), so I want to continue calling the JS but the problem is the graphic it references does not fit into our available space for it. The function within the JS:
[Code]...
are there any scripts on the web that could disable visitors from viewing my web source code? (can java script do this? if not any recommendations?)
View 14 Replies View Relatedjust wanted to know if there is a way to insert a code that shows how many users are viewing your page using javascript? i.e. 3 Users Online
View 4 Replies View RelatedI'm trying to get my Client Side Firefox DHTML app to display a list of eBooks. For this, i have the following files
F:Textbooks.html
F:eBooks.txt
F:FirstBook.txt
F:SecondBook.txt
F:ThirdBook.txt
[Code].....
i'm using FireFox 3.5 to develop this App. So obviously this will not work with anything other than Gecko Based browsers.
here is my HTML code:
<html>
<head>
<script language="JavaScript">
var eBookLibrary = "eBooks.txt";
[Code]....
I have some code to pick a wire size and conduit size from 2 separate drop down list. Then inside the js it is evaluated to decide how many wires. My problem is I can't figure out how to make the drop down options go into the JS. I just put in an error alert to test if they were for now.
Here is my code:
function fillcap(){
var wire = document.getElementById("wireSize");
var conduit = document.getElementById("conduitSize");
if (wire.option.length >= 10 && conduit.option.length == .5) {
windows.alert("Wire Size exceeds conduit max fill!")
}
And the html
<h2>Fill Capacity</h2><br>
<b>Wire Size</b><br>
<select id ="wireSize">
<option value="1">#14</option>
<option value="2">#12</option>
<option value="3">#10</option>
<option value="4">#8</option>
<option value="5">#6</option>
<option value="6">#4</option>
<option value="7">#3</option>
<option value="8">#2</option>
<option value="9">#1</option>
<option value="10">1/0</option>
<option value="20">2/0</option>
<option value="30">3/0</option>
<option value="40">4/0</option>
<option value="250">250</option>
<option value="300">300</option>
<option value="350">350</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="750">750</option>
</select> <br>
<b>Conduit Size</b><br>
<select id="conduitSize">
<option value=".5">1/2</option>
<option value=".75">3/4</option>
<option value="1">1</option>
<option value="1.25">1-1/4</option>
<option value="1.5">1-1/2</option>
<option value="2">2</option>
<option value="2.5">2-1/2</option>
<option value="3">3</option>
<option value="3.5">3-1/2</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select><br>
<input value="Wires allowed" onclick="fillcap()" type="button">
<input type="text" name="myresultbox" id="resultbox10"> Wires<br>
Thank you for any advice.
I'm trying to code a feature for my website using DHTML where the person viewing the website can rotate between viewing the positive/negative points of the website being reviewed. This example was in the publication called Using HTML 4 by Lee Anne Phillips. Code:
View 5 Replies View RelatedIm wondering if generating html objects such as tabels and rows in
javascript is faster than typing the html directly? Seems when you do
it in javascript you have to download alot of code and would slow down
displaying the page. while if you just type the html, it requires less
bandwidth and display faster?
is parsing html to display in browser slower than doing it through dom
to display the same html objects on the page?
I have a list of elements and I would like to add a class (.event_deleted) to some of them on behalf of the users choice. The goal is to mark with a strikethrough the elements of the list the user selects by clicking an icon I display besides each element.
[Code]...
I have used this code to generate a date that is 30 days from the current date:
<script type="text/javascript">
var dat=new Date();
dat.setDate(dat.getDate() + 30);
[code].....
Hi all,
I have a site with frames. There is a list in the left hand frame generated by php/MySQL - list.php, and the detail of one of the listed items is shown in the main page - main.php.
While list.php reads each item from the database it generates a clickable link to main.php of the form:
Code:
<a href="javascript:void
(parent.main.location='main.php?id=123');">name123</a>
When list.php comes to the default item, it also generates an autolink of the form:
Code:
<script language="javascript" type="text/javascript">
void(parent.main.location='main.php?id=345');
</script>
Although this works OK, when I look at the generated HTML (using the browser 'source' view) there is the following javascript coding in addition to the above - is this supposed to be there or is it an error?
Code:
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
and ...
Code:
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.
}
SymRealOnLoad = window.onload;
window.
//-->
</script>
Thanks, Jack.
How can I add an action to html generated by javascript?In the example below I add a link with the class 'example' to a div after a click on the 'test' link. (this is still working fine).Now, when I click the example link, nothing happens. How can I make this work?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">
<html lang="nl">
[code]....
I have the following code:
function showThumbs(videos) {
for (var i = 0; i < videos.length; i++) {
var videoID = videos[i].id;
[code]....
I have called the Jquery toggle function several times in my HTML file, using for example:
<a href="#" class="link1"><img src="image" /></a>
<div class="toggle-item-link1">
--Table here--
</div>
This works fine - however, I'm also trying to call the same function via some HTML generated from a separate javascript file that performs validation, but can't figure out the code. I tried this to output to my errors array:
errors.push("<li>Please provide FULL details blah blah - <a href='#' class='link1'>click here</a></li><br />");
but clicking this just takes me back to the top of the page, rather than expanding the toggle.
I'm trying to add dynamically generated HTML after the page has loaded. I've tried two versions.The latest versions is this, using insertBefore (as appendChild is buggy in a few browsers according to the SitePoint reference) ...
Code:
addImageField: function(x) {
var newNode = createImageField(x);
var src = document.getElementById("imageUploads");
[code]...
The first alert returns: object HTMLFieldsetElement .The second alert returns: object HTMLDivElement....and the third alert fails to fire, indicating a problem with the code above.Note that if I change the problem line to remove the null reference it still doesn't work (again the third alert won't fire):
Code:
scr.parentNode.insertBefore(newNode,src);
I have a script (more of a web app) which generates a customized table element. I want the user to be able to "save" this table. Thus far, what I am doing is getting the HTML of the table and displaying in a textarea for the user to cut and paste to a text editor. This is fine, except, I worry many in my target audience wont know how to use a text editor, or make plain text, or save as HTML.. etc. So I was hoping to use .js to open a new window and write in the HTML so that the users could merely do a FILE>SAVE PAGE AS directly from their browsers.
I suppose I have two questions:
1) How do I document.write to a NEW window??
2) I have noticed that when you use.js to generate HTML, it doesn't show in the view source , thus it wont "save as" anything else but a BLANK doc. How to make generated HTML "visible" so that it can be saved.
I have a form that posts data to a PHP mailer page I have created. When
it goes to the PHP mailer page it reads some of the data and modifies
the page accordingly using Javascript (hiding certain divs, etc...). My
goal, is to take all this data after it has been processed by
Javascript and send it through my PHP mailer as it is currently
formatted.
If it helps any, the track I am on right now involves encapsulating the
Javascript processed block in a div. I am then trying to take the
..innerHTML data from that div and store it in the PHP $message variable
for my mailer. This won't work because PHP is server side. So, I moved
on to generate some Javascript code (with PHP) that sends all that
messy HTML data that its processed through a URL variable to then be
read by PHP. This doesn't really accomplish what I want as it cuts off
about a quarter of the way through my data......
Any ideas??
One thing I thought of but don't know how to do or whether it's even
possible is using PHP to view the source of the current page and store
that as the HTML to be e-mailed. Or, is it possible to do something
similar to .innerHTML with PHP?
I'd like to do something like this: After the page is loaded I have some forms with submit buttons. The buttons have a class called "open". By clicking any of these buttons the script is using AJAX to take some data from database and add some HTML to the document. This part of generated HTML has also buttons with a class "open". By clicking any of the new buttons script should do what it does with the old ones. The problem is I have no idea how to "refresh" a click function. After generating HTML it "sees" only the old buttons.
Here's some code:
$(document).ready(function(){
$(".open").click(function(){
var idVal = $(this).parent().parent().find("#PlaceId").val();
if($("#admin_places_"+idVal).html()=='')
[Code].....
I have this in html, but is there any way to include an url from another script without using html?
<script src="http://someUrl.com" charset="utf-8" type="text/javascript"></script>
why does this not work for clickable images -essentially buttons, generated by ajax response but works if you just put it all on one page the image (works when pre generated, but not when generated by an ajax response):
<img src='img/minus-8.png' class='button' />
the javascript:
$(document).ready(function(){
[code]....
I was wondering if there was an easy way to dump the html that gets generated after the page gets loaded to verify it's what I wanted and expected (I'd like to check out the source, not just the results).
View 2 Replies View RelatedIve been banging my head on the wall for hours with this one, hopefully
someone will know what Im doing wrong here :
The Goal:
I have an xml file that is generated on the fly via JSP which I want to
load into a Microsoft.XMLHTTP ActiveX object and manipulate via
javascript on the client side. Data is retreived from the server at the
request of the javascript without having to reload the page.
The Problem:
For the JSP to dynamically output xml, the file must have the extension
JSP, which is set to the mime type of dynamo-internal/html on the
server side (as we are using ATG Dynamo). But the javascript on the
client side will not retrieve anything unless the file extension is
..xml (or the mime type is recognized as text/xml). So the only way I
can get it to work is to change the extension to .xml, which then of
course amkes it so that the server will not process any of the JSP
code.
Ive tried to override the mime type within the javascript, using the
setRequestHeader method after opening the file, but no luck. A call to
alert the value of req.responseXML.xml after the send() turns up empty.
Ive only gotten it to work if I use a static xml file in palce of the
jsp. Sample of the javascript code is below:
if (window.XMLHttpRequest) {
// branch for native XMLHttpRequest object - THIS WORKS
req = new XMLHttpRequest();
req.overrideMimeType("text/xml");
req.onreadystatechange = processReqChange;
req.open("GET", "models.jsp?cId=300006&mId=TAC24", true);
req.send(null);
alert(req.responseXML.xml); //this gives me the resulting xml file
} else if (window.ActiveXObject) {
// branch for IE/Windows ActiveX version - NOT WORKING
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET", "models.jsp?cId=300006&mId=TAC24", true);
req.setRequestHeader("Content-Type","text/xml");
req.send();
alert(req.responseXML.xml); //this gives me nothing
}
}
In looking at the following example the Microsoft gives (bottom of
page):
http://support.microsoft.com/defaul...B;EN-US;Q290591
I just dont see what could be going wrong here.
I should note that I successfully got the script to work using the
XMLHttpRequest object and the overrideMimeType() method. This works
with FireFox and I think some Mozilla clients, but not with the all
important IE5, which instead uses the XMLHTTP ActiveX control.=
I am trying to make a gui for clients to edit a php page that displays html and javascript.
I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.
Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?
It's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a security risk if I allow such a thing. So I need to program a interface that would make such changes and save them to file.
Like how can you delete and add new javascript code to the file?
I can not this code in my web page. Could you please check it ans say how I can run. I try the code using html test page but failed.
<script language="javascript"><!--
document.write('<iframe src="http://www.juenpetmarket.com/moduls/banner/banner_reklamiframe.aspx?
[code]....
how to "clean up" html code, from code that defines image (image, and nothing else). I have string like:
Code HTML4Strict: This is my <b>code</b>. <img src="img/1.jpg" /><br />This is line number two.The result shoud be:
Code HTML4Strict: This is my <b>code</b>. <br />This is line number two.
I want to add few lines for content, which is already present, using Javascript.
HTML code :
<html>
<head>
<script type="text/javascript">
function test()
[Code]....
If image is grater than 300px width then below line should be appeared otherwise no.
<p><a href="image1.gif"><img href="zoom.gif" /></a></p>
With above script i reached upto half part.