|
JavaScript - Monitoring External Webpages
Hi There,
I'd like to create a webpage which checks a few other webpages on different Words. For example my page, which automatically reloads every 30 seconds, checks if the words "fire", "tsunami","earthquake" exist on cnn.com or bbc.com. When it does, I want to see some text like "fire message on cnn.com". I already found a javascript on the codingforums, but this one only find text in it's own page, not on pages which I load in iframes. Could you please help me, I post part of the script (without the reloading part) underneath. --------------------------------------------- <script type="text/javascript" > var keywords=new Array(); keywords[0]="fire"; keywords[1]="tsunami"; keywords[2]="earthquake"; var len = keywords.length; var found = ["0","0", "0"]; </script> <body> <div id="navDiv" style="width: 99%; height: 20px; border: 1px solid #000000; text-align: center; position: absolute; padding-top: 10px;"> <script type = "text/javascript"> window.onload = function(){ var str = document.getElementsByTagName('body')[0].innerHTML; // strip all HTML tags out of that: // Thanks Old Pedant for the reminder! var zapRE = /\<[a-z][^\>]*\>/ig; str = str.replace(zapRE, ""); //str = str.toLowerCase(); // to make case insensitive for (var i = 0; i<len; i++) { str2find = keywords[i]; //str2find=str2find.toLowerCase(); // to make case insensitive var a = str.indexOf(str2find); if (a >= 0) { found [i] = 1; } } for (var i = 0; i<len; i++) { if (found[i] == 1) { alert ("There's some news about a " + keywords[i]); } } } </script> </div> <iframe id="frmMain" style="zoom:48%" frameborder="0" scrolling="no" width=25% height=48% src="http://www.bbc.com"> <iframe id="frmMain2" style="zoom:48%" frameborder="0" scrolling="no" width=25% height=48% src="http://edition.cnn.com"> </body> Similar TutorialsWe have live chat set up on our website. We can monitor visitors on the site and see what they are viewing and how long they've been there. The problem is that many people from our company are on the site, and we don't want them to show up in the visitor monitoring area. Is there a way to add javascript that will block our own IP address from displaying in our visitor monitoring? The company we are paying for the live chat service doesn't have a solution for us. Thanks! Hi, I hav linked external js (ext1.js) to my app.html page. Now in the ext1.js, I have a function like [CODE] function onwindowload(){ //Access HTML element and append external js 2 (ext2.js) here }[CODE] //Access HTML element and append external js 2 (ext2.js) here--->I donno how to add external JS here. Even if i add the external JS here, the JS uses document.write fn. which replaces entire page. Please suggest a solution Hey all, I'm fairly new to JavaScript. I learned PHP and now I'm creating a user registration and login system for an application I'm making and I decided I wanted to give JS a try. I'm trying to make a form validation function that will be called when I press the submit button on the form but I want to use an external js file to store all my custom functions. I have the OnClick event in the button with the call to my function inside of that. But where and how on the page to I reference my external file so that the button can call the function? Thanks guys! I've been playing with this workarouns for literally years, but I'm getting fed up with it. Can anyone here suggest a better way of dealing with the following conundrum - or at least clarify why it occurs? When I have an external stylesheet I can't access the properties assigned therein. I'll give an example - HTML/CSS/JS are all inseperate files - but everything is called into the HTML as you can see. HTML: Code: <head> <script type="text/javascript" src="js.js"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="box" onclick="showWidth()"></div> <body> CSS (style.css) Code: #box {
width: 200px;
}
Javascript (js.js) Code: function showWidth(){
var box = document.getElementById('box');
alert(box.style.width);
}
Now the alert fired by showWidth() is empty - meaning that javascript can't see the width of the div element 'box' Now, if I assign width as part of the style attribute of the div javascript thus: HTML: Code: <head> <script type="text/javascript" src="js.js"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="box" onclick="showWidth()" style="width: 200px;"></div> <body> javascript can see this and the alert fired by showWidth() shows '200px'. So, I have two questions: 1. Why? 2. Is there a way of accessing these external style elements without having to define styles inline all the time? Cheers! Mike Dear Forum, I have a website of quite a few pages which also has a style sheet switcher so the user can select their own customised graphics and layout (css file) these css files load in the graphics but only when the call is clicked... even if the page has already been opened for seconds or minutes when the graphics could have been loaded in for an instant switch. so i implemented the following code: Code:
<SCRIPT language="javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</SCRIPT>
<body onLoad="MM_preloadImages('/corporate/heading.png','/creative/heading.png','/earth/heading.png','/under-the-sea/heading.png','/space-and-stars/heading.png','/classical/heading.png','/corporate/document.jpg','/space-and-stars/document.png','/creative/document.jpg','/earth/background.jpg','/under-the-sea/background.jpg','/classical/document.png','/classical/background.jpg','/under-the-sea/document.png','/corporate/home-graphics.png','/earth/content.jpg','/earth/footer.jpg','/earth/home-graphics.png','/under-the-sea/home-graphics.png','/creative/home-graphics.png','/space-and-stars/background.jpg','');">
it works fantastically - you open the page and as long as it takes to notice where you can click the styles is the same amount of time it takes to have the styles cached for the styles switch immediately and effortlessly. however, the site has grown and is now quite a number of pages with the above in each html file. ive just added a "creative 2" style, which has caused the above to need updating........ the maintenance of this code is inefficient to edit each page. would someone be able to point or show me how to, in principle: Code: <body onLoad="MM_preloadImages('/styles-code.js);">
styles-code.js?? page:
'/corporate/heading.png',
'/creative/heading.png',
'/earth/heading.png',
'/sea/heading.png',
'/classical/heading.png',
'/corporate/background.jpg',
'/creative/background.jpg',
'/earth/background.jpg',
'/sea/background.jpg',
'/classical/background.jpg',
etc
and have 1 page of this code called in by all pages in an easy to see and edit list? would really appreciate guidance with this, Hi, I'm new to JavaScript and I'm having a bit of trouble understanding something that seems relatively simple. When I make changes to CSS in JavaScript using '.style' I'm changing the attribute values of inline CSS. Can I use JavaScript to change the attribute values of rules in an external CSS file? I have no CSS in my html and would like to know if I can grab the values of attributes in an external CSS file using JavaScript. Thank you. <body> <script type="text/javascript" src="/khk.php?klub=khk&user=w"></script> This script works fine, but I get a error: line: 2 character: 1 error: character illegal code: 0 url .... Can anybody help?? Hello, I'm sorry if this has been asked before but I've been googling and looking in reference books for the last couple of days and just haven't been able to find an answer. I'm new to javascript and have just completed my first fully working script to crossfade images and have clickable links to go to a specific image, the code works perfectly when the code is inside of the html document with the elements but when you remove the javascript and put it in a seperate file its unable to get the value of the elements from the html. Is there a way to do this, give the document a alternative src to look in for the elements or something? An example below. Javascript snipit [CODE] imageId = "mainImage"; image = window.document.getElementById(imageId); alert(image); [CODE] image returns null. what I want it to return is the value fro the HTMl document that this file is included in. [CODE] <script type="text/javascript" src="fadeFunctions.js"> </script> </head> <body> <div id="imgHolder" style="position: absolute; top: 200px;"> <div id="topImage" style="position: absolute; top: 0px; left: 0px; z-index: 100;"><img id="mainImg" src="1.png" /></div> [CODE] Thanks for any help or suggestions that you can give. hi , how to load external page into div without template . Example : I have external page using CSS & html : <div id="header"></div> <div id="content1"></div> <div id="content2"></div> <div id="content3"></div> <div id="sidebar"></div> <div id="sidebar1"></div> <div id="footer"></div> NOTE : all javascript code load external page with all template code into div ! how to load ONLY content2 into DIV . thanks Thank you in advance for your help with this. I have two pages. One page with thumbnails and another page with the actual gallery. On the gallery.html page I can scroll to my 5th image in the list by the following code: onclick="myScroll.scrollToPage(5,5)" I want to achieve this same effect from the index.html file into the gallery.html file. I have tried using anchored links like #image5, but that just messes up the page and the iscroll script I am working off of. Thank you again anyone who can help. Dear All, I got a problem with order of loading external javascript file. I have 2 external javascript files: jsFile1. js and jsFile2.js. And file jsFile2 use an object in file jsFile1.js. So file jsFile2.js have to load after file jsFile1.js. But sometime I got runtime error, because file jsFile2.js is loaded before jsFile1.js I added 2 js files by: document.getElementsByTagName('head')[0].appendChild(jsFile1.js); document.getElementsByTagName('head')[0].appendChild(jsFile2.js); Does anyone know how to solve this problem. Please help. Thank you. Best Regards. Hi all me again I have this bit of code: Code: <script type="text/javascript">
var testvar = "<? print $cards; ?>";
var name = "<? print $name; ?>";
//Create JavaScript array
var testarray = new Array();
//Fill JavaScript array from the converted string
testarray = testvar.split(":#:");
var imagesleft = 10;
var numclicks = 0;
var score = 0;
function clickCard (what,where)
{
var count=0;
for(var x = 0; x < testarray.length; x++)
{
if(what == testarray[x])
{
count++;
}
}
if(count==1)
{
alert("unique");
document.images[where].src = "./images/blank.png";
imagesleft--;
score = score+20;
clicks.innerHTML = "Unique Images to find = " + imagesleft;
if(imagesleft==0)
{
score = score - numclicks;
var r=confirm("Do you want to enter your score in the highscore table?");
if (r==true)
{
document.getElementById('score').value = score;
document.forms["highscore"].submit();
}
else
{
var t=confirm("Do you want to play again?");
if (t==true)
{
document.location.reload();
}
else
{
window.close();
}
}
}
}
else
{
alert("Not unique");
}
numclicks++;
pairs.innerHTML = "Number of Clicks = " + numclicks;
}
</script>
which works a treat but when it is put into a external js file all I get is the alert Not unique and nothing else! any ideas why? I have this file: IPToned.js Code: // ==UserScript==
// @name IPToned
// @namespace http://users9.jabry.com/chatleague
// @description IPTorrents Filter Enhancements
// ==/UserScript==
alert("hello world");
I drag and drop it into Firefox (Ubuntu) and it opens it as if it were a txt file. I want it to make the alert so I can get to coding. Any suggestions? I am complete newbie to this topic and i want to know how to add and external javascript file for blogger. I have heard that it decreases the load time of a page. Again please explain clearly as iam a newbie!! Any help would be appreciated!! Thanks In Advance!! Hi everyone, I'm a newbie and this is probably really easy but it just won't work! I've tried looking at various online sources but they are all either too technical or don't seem to work. I'm obviously doing something wrong! The code is posted below, it's not very long so hopefully someone will be able to debug it! Thanks lots! Original page: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>variables</title> </head> <body> <script src="displaydate.js" type="text/javascript"></script> <br> </body> </html> External displaydate.js file: Code: function todaydate(){
var today_date= new Date()
var myyear=today_date.getYear()
var mymonth=today_date.getMonth()+1
var mytoday=today_date.getDate()
document.write(myyear+"/"+mymonth+"/"+mytoday)
}
Opening the original page in my browser displays nothing. Just a blank page. Any help you can give would be greatly appreciated! Geoff Hello Guys, I have a question here.. I have a scroller on my pages that basically reads a text file and displays.. The problem that I am having is it doesn't update until I reload the page(even though the .txt file updates about every 3 minutes).. I would like it to update when the file has been changed.. Here is my page. PHP Code: <link rel="stylesheet" href="../../css/li-scroller.css" type="text/css"> <script src="../../js/jquery.li-scroller.1.0.js" type="text/javascript"></script> <script type="text/javascript" src="../../jquery-1.6.1.min.js"></script> <script type="text/javascript"> $(function(){ $("ul#ticker01").liScroll(); }); </script> <?php $file = file_get_contents ('playingnow.txt'); ?> <div class="scrollpos"> <ul id="ticker01"> <li><a href="#"><?php Echo $file;?></a></li> <!-- eccetera --> </ul> </div> What can I add to make it go out and reload just the div not the entire page? Please advise.. relatively new coder here definitely new to js and I can't figure out how to get this script linked into an external file every time I try nothing shows up. Code: <html>
<head>
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<title></title>
</head>
<body>
<a href="javascript:gotoshow()"><img src="img1.jpg" name="slide" border=0 width=250 height=250></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("img1.jpg","img2.jpg","img3.jpg","img4.jpg","img5.jpg")
slideshowlinks("#","#","#","#","#")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
</body>
</html>
obviously get rid of html tags and <script></script> tags save it as file.js and then <script type="text/javascript" src="file.js"> </script> do i need to break this up into 2 files or something I can't get it to work Code: <!-- Add-in device.js files are placed here --> <div id="deviceScript"></div> What I have been doing is clearing this out when I select a new (add-in) device and append a script tag with its .src file. I have some vague idea that unhooking an external js file might remove its code from memory. If not is there a way to do so? Functions in different script files have the same name - for example, I use start() to set up each device. It seems that the latest device start() overwrites the one in memory - but I am not sure if overwrite means delete last one or whether there is some horrendous build up of dross going on. Any clarification appreciated. Hi I'm trying to call a external .js file that contains a function from a webpage, but haven't been able to discover how to reference the function. First, the function: Code: function biggestOfTwo(valueOne, valueTwo)
{
var big;
if(valueOne > valueTwo)
{
big = valueOne;
}
else
{
big = valueTwo;
}
return big;
}
... and the xhtml calling it... Code: <!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">
<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<script src="compare.js" type="text/javascript" />
</head>
<body>
<script type = "text/javascript">
var dataInput1;
var dataInput2;
dataInput1 = prompt("Enter the first number to be compared");
dataInput2 = prompt("Enter the second number to be compared");
alert("The biggest value is " + biggestOfTwo(dataInput1, dataInput2));
</script>
</body>
</html>
According to the book Beginning JavaScript 4th Edn, this should work - why isn't it? Jenny Hi, For the last few day's i've been searching for a js/ajax div refresh. I need a js/ajax script that refresh a div every 10 seconds or gets menu.php file and updates it. Thanks. |
|||||||