|
JavaScript - Annoying Dot
Hello,
I have generated a simple RSS feed javascript to display the last three played tracks from Last.fm on my webiste. Everything works fine, however, there's one annoying detail: There's a tiny little white dot present just after the list is displayed, how can I get rid of this? Similar TutorialsHey, I am using an RSS scroller to show recent news feeds I am also using Ajax to change the content from page to page, but instead of using ajax to load the external page for the 'news page' (the image above is the home page) I've had to use a show/hide DIV tool as it refused to load the javascript from the external page. All is working fine apart from text overlay. This is the news page: Code: <script language=javascript type='text/javascript'>
function hidediv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){//if they are 'see' divs
if (document.getElementById) // DOM3 = IE5, NS6
divs[i].style.display="none";// show/hide
else
if (document.layers) // Netscape 4
document.layers[divs[i]].display = 'none';
else // IE 4
document.all.hideshow.divs[i].display = 'none';
}
}
}
function showdiv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){
if (document.getElementById)
divs[i].style.display="block";
else
if (document.layers) // Netscape 4
document.layers[divs[i]].display = 'block';
else // IE 4
document.all.hideshow.divs[i].display = 'block';
}
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
</head>
<body onload="show_clock()">
<div id="wrapper">
<div id="header">
<a href="#" rel="nofollow" target="_parent">Planet Volume</a>
</div>
<div id="menu">
<ul>
<li><a href="#" onclick="javascript:showdiv('newsbox'); javascript:hidediv('newspage'); ajax_loadContent('news3','external/home.html');return false">Home</a></li>
<li><a href="#" onclick="javascript:hidediv('newsbox'); javascript:showdiv('newspage'); ajax_loadContent('news3','external/news.html');return false">News</a></li>
<li><a href="#" onclick="javascript:hidediv('newsbox'); javascript:hidediv('newspage'); ajax_loadContent('news3','external/request.html');return false">Request</a></li>
<li><a href="#" onclick="javascript:hidediv('newsbox'); javascript:hidediv('newspage'); ajax_loadContent('news3','external/contact.html');return false">Contact</a></li>
<li><a href="#" onclick="javascript:hidediv('newsbox'); javascript:hidediv('newspage'); ajax_loadContent('news3','external/tunein.html');return false">Tune in</a></li>
<li><a class="last"><script language="javascript" src="javascript/liveclock.js"></script></a></li>
</ul>
</div>
<div id="main">
<div id="content">
<div class="content_box">
<div id="mainContainer">
<div class="news" id="news3">
Loading news. please wait...
</div>
</div>
<script type="text/javascript">
ajax_loadContent('news3','external/home.html');
</script>
</div>
<div id="newspage" style="display: none; visibility: visible;">
<table width="600" style="">
<tr>
<td>
<h5>Celebrity Gossip</h5>
<script type="text/javascript">
var cssfeed=new gfeedpausescroller("celeb-rss", "celeb-rss", 3000, "_new")
cssfeed.addFeed("Celebrity", "http://news.feedzilla.com/uk/headlines/celebrities/top-stories.rss") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(4)
cssfeed.init()
</script>
</td>
<td>
<h5>Music News</h5>
<script type="text/javascript">
var cssfeed=new gfeedpausescroller("music-rss", "music-rss", 3000, "_new")
cssfeed.addFeed("Music", "http://news.feedzilla.com/uk/headlines/music/top-stories.rss") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(4)
cssfeed.init()
</script>
</td>
</tr>
<tr>
<td>
<h5>Movies Reviews</h5>
<script type="text/javascript">
var cssfeed=new gfeedpausescroller("movies-rss", "movies-rss", 3000, "_new")
cssfeed.addFeed("Movies", "http://news.feedzilla.com/uk/headlines/entertainment/movies-reviews.rss") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(4)
cssfeed.init()
</script>
</td>
<td>
<h5>Technology</h5>
<script type="text/javascript">
var cssfeed=new gfeedpausescroller("tech-rss", "tech-rss", 3000, "_new")
cssfeed.addFeed("Technology", "http://news.feedzilla.com/en_us/headlines/technology/top-stories.rss") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(4)
cssfeed.init()
</script>
</td>
</tr>
</table>
</div>
<div id="newsbox" class="newsclass" style="visibility: visible; position: absolute;">
<h2>Latest News</h2>
<h5>Celebrity Gossip</h5>
<script type="text/javascript">
var cssfeed=new gfeedpausescroller("home-celeb-rss", "home-celeb-rss", 4000, "_new")
cssfeed.addFeed("Celebrity", "http://news.feedzilla.com/uk/headlines/celebrities/top-stories.rss") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(3)
cssfeed.init()
</script>
<div class="clear h40">
</div>
<h5>Music News</h5>
<script type="text/javascript">
var cssfeed=new gfeedpausescroller("home-music-rss", "home-music-rss", 4000, "_new")
cssfeed.addFeed("Music", "http://news.feedzilla.com/uk/headlines/music/top-stories.rss") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(3)
cssfeed.init()
</script>
<a href="#" class="float_r" onclick="javascript:hidediv('newsbox'); javascript:showdiv('newspage'); ajax_loadContent('news3','external/news.html');return false">More news...</a>
</div>
</div>
<!-- end of content -->
This problem only happens for a few seconds, then it scrolls and the news looks fine. It gets very annoying. If you could help me with this dilema I will be very great full! Thanks alot. I don't understand why this trivial code won't work. I tried to write my own function to handle key events. Looking at w3schools, it seemed there was nothing to it. So I wrote my function, set up the listeners, and it didn't work. O-O So after some tinkering w/ my own code, I figured I HAD to be doing something wrong. So I checked someone elses code on the web, and his doesn't work either. html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="js/js.js"></script> <link rel="stylesheet" type="text/css" href="css/css.css" /> </head> <body onkeypress="captureKey(event);"> </body> </html> js: Code: function captureKey(e) {
if (e.keyCode) {
keycode=e.keyCode; // works with the DOM
}
else {
keycode=e.which; // Netscape compatible
}
move = String.fromCharCode(keycode);
alert(move);
}
I know that javascript is enabled because the tut that I pulled this code from works for me...it's just that the stuff I write doesnt work. I never have these weird problems except with javascript... HI everybody! I am working on a forum, which recently shows a popup window on every single visit. It mainly appears on mobile devices. I have read through the source code, but I don't find the code that shows the popup. Could anyone please have a look at the source and tell me where I can find the code that encodes the popup window? That would be most helpful to me! HERE the link to the website! Any help would be much appreciated! Hi, this will sound stupid, because it is, but i was browsing reddits creepy subreddit, and there was a post (This website's description on Google... : creepy) that was about a creepy site with some ambiguous text, i pressed the link in the comments and got to the site, when i went back, i kept seeing a smudge but only on the reddit creepy subreddit on the screen, idk how this is possible, i've never seen it before, and its on all devices that are connected to the same router, they all get that smudge, so do you guys know any possible ways to fix this? the site is (Krakl) and deleting cookies, cache, restarting etc didnt help, and that smudge is really annoying. tldr; visited site, got smudge trough a script on other site, i see it on other pcs connected to the same internet too. How to remove this, could my pc be infected or something, is this XSS? Sorry, i know that no one here is probably used to this, but i just about exhausted every single option with no results and i want to know whats causing this. Reply With Quote // |
|||||||