PDA

View Full Version : Rollover links causing screen to flicker


deveray
12-03-2007, 01:37 PM
I have dozens of links on the User Tools page. Used a little javascript to get an effect. Rolling over any of them causes the background to flash for 'bout a quarter of a second.

Very annoying.

Any clues?

m1a2x3x7
12-03-2007, 02:10 PM
Could you give us a link to the page or paste your code?

deveray
12-03-2007, 03:13 PM
Could you give us a link to the page or paste your code?

Oh, cool, I figured it might take a while longer for anyone to notice my post in this forum.

The code is kind of lengthy for pasting. Well, maybe if I leave out the php.

You could go have a look though. Even that requires signing up, however. So I'm not sure anyone will want to. Takes about 5 minutes to register, then getting the emailed password and logging in.

If so, it is here:

http://meetchristians.com


Okay, there really isn't that much php afterall. Just scroll down till finding a real visible sideways pyramid of # marks, which is where the stuff beings that led to the flickering.

Ooops, too long for the restrictions here.

I'll delete part, then post what might fit in the next reply screen just below this one.

deveray
12-03-2007, 03:21 PM
Gosh, it only allows 10,000 characters, saying my page is 6,000 too long. It was 12,000 too long.

Okay, gonna hack out some more.

David, can we get the code allowance turned up a little?

Still 5,000 too long, I am going to split it in two and paste the second block into another reply here.


Code (part 1) follows:



<head><title>MeetChristians.com - User Tools</title></head>

<body background="http://www.3datadesign.com/gallery/images/wallpapaers1/space/100_1024.jpg" width=100% bgproperties=fixed>

<style>
a:hover
{
background : mediumblue; color: white;
}
</style>


<?php

print "

<style>
a.donkey:link {color: white; text-decoration: underline; }
a.donkey:visited {color: white; font-decoration: underline; }
a.donkey33333:hover {color: white; background-color: mediumblue; }
a.donkey2:link {color: yellow; text-decoration: underline; }
a.donkey2:visited {color: yellow; text-decoration: underline; }
a.donkey2:hover {color: blue; background-color: #f5f5f5; }
a.donkey3:link {color: blue; text-decoration: underline; }
a.donkey3:visited {color: blue; text-decoration: underline; }
a.donkey3:hover {color: cyan; background-color: #steelblue; }
a.donkey4:link {color: blue; text-decoration: underline; }
a.donkey4:visited {color: gray; text-decoration: underline; }
a.donkey4:hover {color: cyan; background-color: #steelblue; }
a.donkey5:link {color: gold; font-weight: bold; text-decoration: underline; }
a.donkey5:visited {color: gold; font-weight: bold; font-decoration: underline; }
a.donkey5:hover {color: blue; background-color: #f5f5f5; }

</style>


<center>
<hr size=3 width=725 color=darkturquoise>
<hr size=5 width=725 color=darkturquoise>
<br>

<table bgcolor=#4682B4 BORDER=2 bordercolorlight=black CELLPADDING=10 WIDTH=725>
<!-- steelblue -->
<tr>
<td align=center>
<a href=focus.php?name=$session_username&g=$sex&tdy=$tdy class=donkey>
<img SRC=$icn_dir/boy6.gif border=0><br><font face=Arial size=1>View My Profile
</td>
<td ALIGN=CENTER><font face=Arial size=1><a href=c_menu.php?tdy=$tdy class=donkey>
<img src=$icn_dir/modify_profile.gif border=0><br>Change My Profile</a>
</td>

Removed some of the links in the php section from here to fit into this forum reply

</td>
</tr>
</table>
</body>
</html>

";

?>


<!--
#
##
###
####
##########
### Beginning of non-php stuff
##########
####
###
##
#
-->

<br>
<font face=tahoma size=2>
<table width=725>
<tr>
<td><font face=tahoma size=2>

<!-- ########## Area Codes ########## -->

<img src="../icn/iconRtArrow.gif" border=0>
<a href="http://www.lincmad.com/locator.html" target="_blank" class=donkey5 title="Numeric listing allows for knowing where any area code in the US is from">U.S. Area Code / City match</a>
<br><br>
<img src="../icn/iconRtArrow.gif" border=0>
<a href="http://www.wtng.info/wtng-cod.html#WZ2" target="_blank" class=donkey5 title="Useful for comparing phone number of anyone who has given you contact information to the actual location">Int'l LIST of country codes</a>
<!--
removed: and replaced with current
http://www.kropla.com/dialcode.htm
-->
</td>
<td valign=top><font face=tahoma size=2>
<img src="../icn/iconRtArrow.gif" border=0>
<a href="http://www.fonefinder.net/" target="_blank" class=donkey5 title="Type in whatever phone number you have been given to get precise country (and maybe city) location">U.S. and Int'l SEARCH to find location of a phone number</a>
<br><br>
<img src="../icn/iconRtArrow.gif" border=0>
<a href="http://en.wikipedia.org/wiki/Image:ZIP_Code_zones.svg" target="_blank" class=donkey5 title="Shows which states have which Zip Codes">Zip Code map</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="../icn/iconRtArrow.gif" border=0>
<a href="http://www.worldtimezone.com/datetime.html" target="_blank" class=donkey5 title="Live depiction of the hour and daylight">What time is it (everywhere on earth)?</a>
</td>
</tr>
</table>

<br><br>
<!--
<span style='background-color: white; padding: 5px'>Roll cursor over the links to view additional information</span>
-->



<font color=white>Roll pointer over the links to view additional information</font>
<!--
######## ########
News and video table
######## ########
-->

<table width=750 border=5 bordercolor=steelblue cellpadding=4 cellspacing=0 bgcolor=aliceblue>
<tr bgcolor=mediumblue>
<th><font color=cyan>Latest Articles</th>
<th><font color=cyan>Videos worth seeing (view here)... <br></b>
<font size=1 color=white>(may be invisible if using Netscape or Firefox)</font></th><b>
<th><font color=cyan>Recommended Links</th>
</tr>
<tr>
<td valign=top width=23%><font size=2>

<!-- ########## Most Recent ########## -->
<font color=red><b>Most Recent</b></font><br><br>

<li>
<a href=http://news.yahoo.com/s/ap/20071114/ap_po/romney_immigration_12" target="_blank" class=donkey3 title="In response to criticism from Mitt Romney, Huckabee clarifies and defends position">Huckabee gave tuition breaks to illegals while Ark. gov, says he would do so again</a>
</li>

<br><br><br>

<font color=blueviolet><b>Inspiring</b></font><br>
<li>
<a href="http://www.foxnews.com/story/0,2933,308405,00.html" target="_blank" class=donkey3 title="Despite the protest of city council members, Bakersfield (the largest school district in America) implements the measure">Large California school district votes to display In God We Trust and other founding documents in 2,300 classrooms</a></li>
<br><br>
<li>
<a href="http://www.washingtonpost.com/wp-dyn/content/article/2007/11/05/AR2007110502000.html?hpid=topnews" target="_blank" class=donkey3>School gives in after lawsuit filed, permits high school teen to organize a pro-life and abstinence club</a></li>
<br><br>
<li>
<a href="http://www.dailymail.co.uk/pages/live/articles/news/news.html?in_article_id=490904&in_page_id=1770" target="_blank" class=donkey3>Woman celebrates 100th birthday by paragliding, world's oldest ever</a></li>
<br><br><br>


######## ########
Videos
######## ########
-->
<td valign=top>

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/1k08yxu57NA&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/1k08yxu57NA&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
<br>
<font size=1>
One particular contestant on a British talent show. Time: 4 min 10 seconds.</font>
<br><br><br>

<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=7007109937779036019&hl=en" flashvars=""> </embed>
<br>
<font size=1>
This movie trailer is approximately 13 minutes. Those with a slow connection should open a second browser window (CTRL-N), then start the video in either of them. If it begins skipping after clicking the play button, press PAUSE, then do stuff on the site in the other window while the data loads for a couple minutes.</font>
<br><br><br>
<font size=2>
<font color=blueviolet><b>More videos:</b></font>
<br><br>
<li>
<a href="http://video.google.fr/videoplay?docid=-4123082535546754758" target="_blank" class=donkey3 title="If you have begun believing the global warming line pedaled by the liberal media, watch this film">The Great Global Warming Swindle (a video documentary)</a>
</li>
<br><br>
<li>
<a href="http://www.youtube.com/watch?v=gH02Eh44yUg" target="_blank" class=donkey3 title="Perdue Univ engineering department produced computer simulation of airline collision w/ WTC.">WTC attack - computer simulation</a>
</li>

<br><br>
<li>
<a href="http://www.ifilm.com/video/2649602" target="_blank" class=donkey3 title="Countering the Michael Moore Academy Award winning film, a group set out to expose the misinformation in the original account">Movie trailer: FahrenHYPE 911, a rebuttal to Fahrenheit 911</a>
</li>

<br><br><br>

<font color=blueviolet><b>Recommended by members: <font color=red>*</font> </b></font>
<br><br>
<li>
<a href="http://video.google.com/videoplay?docid=7866929448192753501" target="_blank" class=donkey3 title="Recommended by MC member outdoorman93">Loose Change</a></li>
<br><br><br>

</td>

deveray
12-03-2007, 03:23 PM
Code (part 2) follows:



<!--
######## ######## ########
Third section
######## ######## ########
-->

<td valign=top width=22%><font size=2>

<!-- ########## Daily Headlines ########## -->
<font color=blueviolet><b>Daily Headlines</b></font><br>
<li>
<a href="http://drudgereport.com" target="_blank" class=donkey3 title="Links to headlines around the world, including important stories nearly impossible to find at ABC, NBC and CBS">Drudge Report</a></li>
<li>
<a href="http://www.cnsnews.com/" target="_blank" class=donkey3 title="News from a Christian worldview from an organization that attempts to present information honestly">CNS News</a></li>
<li>
<a href="http://www.worldnetdaily.com/" target="_blank" class=donkey3 title="News from a Christian (and pro-Israel) worldview">WorldNetDaily</a></li>


<br><br><br>
<!-- ########## Daily News Analysis ########## -->
<font color=blueviolet><b>Daily News Analysis</b></font><br>
<li>
<a href="http://www.opinionjournal.com/best/" target="_blank" class=donkey3 title="James Taranto dissects the day's most important stories, correcting errors and lies along the way">WSJ Best of...</a>
</li>
<br><br><br>


<!-- ########## Opinion ########## -->
<font color=blueviolet><b>Opinion</b></font><br>
<li>
<a href="http://anncoulter.com/cgi-local/article.cgi?article=206" target="_blank" class=donkey3 title="Comparing the press against itself in the matter of Larry Craig making a homosexual pick-up in an airport bathroom">Cruising While Republican. By Ann Coulter, Sept 5, 2007</a>
</li>
<br><br><br>


<!-- ########## Political News ########## -->
<font color=blueviolet><b>Political News</b></font><br>
<li>
<a href="http://www.politico.com/news/stories/1007/6634.html
" target="_blank" class=donkey3 title="Dodges questions and changes her reply within minutes in attempt to please both sides">Clinton bombs debate as opponents and the moderator pin her down</a></li>
<br><br>

<li>
<a href="http://www.politico.com/news/stories/1007/6604.html
" target="_blank" class=donkey3 title="The grumbling from even Democrats becoming louder">House in a mess. Pelosi leadership in question</a></li>
<br><br><br>


<!-- ########## The Candidates ########## -->
<font color=blueviolet><b>The Candidates</b></font><br>
<li>
<a href="http://www.ibdeditorials.com/IBDArticles.aspx?id=278808786575124" target="_blank" class=donkey3>Now even a Harvard study concludes the American media manipulates news coverage to favor Democrats</a>
</li>
<br><br>
<li>
<a href="http://news.yahoo.com/s/ap/20071029/ap_on_el_pr/campaign_media_coverage_1" target="_blank" class=donkey4 title="Favor Democrats, focus on horse race rather that what public requesting, namely positions and differences">Study: Media narrows field of candidates</a>
</li>
<br><br>
<li>
<a href="http://opinionjournal.com/diary/?id=110010782" target="_blank" class=donkey4 title="Conservative leaders describe the governor, charming like Clinton, is other than who he is portraying himself to be">Eagle Forum: Huckabee is pro-life, pro-gun, but otherwise a liberal</a>
</li>
<br><br>
<li>
<a href="http://www.worldnetdaily.com/staticarticles/article58346.html" target="_blank" class=donkey4 title="Former GOP presidential candidate and Nixon aide Patrick Buchanan observes the conservative Tower of Babel falling">Buchanan: Giuliani strutted in Gay Pride parades</a>
</li>
<br><br><br>


<font color=blueviolet><b>2008 Presidential debate schedule</b></font>
<br><br>
See lower on this page.
<br><br>

<!--
<li>
<a href="http://www.humanevents.com/article.php?id=23316" target="_blank" class=donkey3 title="Most of the world has no idea that the slander committed against Senator Joseph McCarthy for half a century has all been propaganda">McCarthyism: The Rosetta Stone of Liberal Lies. By Ann Coulter</a>
</li>
-->

<br><br>

</td>
</tr>
</table>
<!-- <span style='background-color: white; padding: 2px'> -->
<font color=red><b>*</b></font><font size=1 color=white> MeetChristians.com may post videos offered by members to make them available, provided the content is in good taste.<br> Doing so does not signify an agreement with any thesis therein.</font>
<br><br>



<br><br>

<!-- ########## ########## ########## ########## ##########
Google Search
########## ########## ########## ########## ########## -->
<!-- Search Google -->
<center>
<form method="get" action="http://www.google.com/custom" target="google_window">
<table bgcolor="#000000">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25blk.gif" border="0" alt="Google" align="middle"></img></a>
<label for="sbi" style="display: none">Enter your search terms</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Submit search form</label>
<input type="submit" name="sa" value="Search" id="sbb"></input>
<input type="hidden" name="client" value="pub-7484103376815903"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="channel" value="6520157614"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="safe" value="active"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center ;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000 000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input>
<input type="hidden" name="hl" value="en"></input>
</td></tr></table>
</form>
</center>
<!-- Search Google -->
<br><br><br>




<!-- Global Warming embed. Site preloads before arrival:
<script type="text/javascript" src="http://en.sevenload.com/pl/ha4PoKY/380x313"></script><br />Link: <a href="http://en.sevenload.com/videos/ha4PoKY/The-Great-Global-Warming-Swindle">sevenload.com</a>

Non Javascript code:
<object width="380" height="313"><param name="FlashVars" value="apiHost=api.sevenload.com"/><param name="movie" value="http://en.sevenload.com/pl/ha4PoKY/380x313/swf" /><embed src="http://en.sevenload.com/pl/ha4PoKY/380x313/swf" type="application/x-shockwave-flash" width="380" height="313" allowfullscreen="true" FlashVars="apiHost=api.sevenload.com"></embed></object><br />Link: <a href="http://en.sevenload.com/videos/ha4PoKY/The-Great-Global-Warming-Swindle">sevenload.com</a>

Another location. This one has a narrowed video on their site:
<embed src="http://www.veoh.com/videodetails2.swf?player=videodetailsembedded&type=v&permalinkId=v291101Y8Pqys52&id=anonymous" allowFullScreen="true" width="540" height="438" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed><br/><a href="http://www.veoh.com/">Online Videos by Veoh.com</a>
Also:
<!-- Note: Also available here (autoplay): http://www.abc.net.au/tv/swindle/
And here: http://en.sevenload.com/videos/ha4PoKY/The-Great-Global-Warming-Swindle -->


-->

d a v e
12-03-2007, 04:44 PM
you'd be better hacking out all those fonts tags and replacing it with stylesheets :)

deveray
12-03-2007, 05:28 PM
you'd be better hacking out all those fonts tags and replacing it with stylesheets :)
While perhaps decent advice overall, there IS a solution to the present problem. And I would like to find it, all the more so considering my understanding of CSS is even more limited than my html.

domedia
12-03-2007, 08:58 PM
Is the users tools page publically available?
If not, can you create a test account so we can see what you're describing?

deveray
12-03-2007, 11:01 PM
Is the users tools page publically available?
If not, can you create a test account so we can see what you're describing?

Gosh, great idea! I should have done that in the first place. Creating one now.

Okay, got it.

Name: dreamweaver
Pass: test

deveray
12-04-2007, 12:44 AM
Just noticed another aspect of the situation.

Most of the time I am scrolling with the mouse-pad on that page, with the pointer being dragged along over those links while they scroll by.

THAT is when the flicker occurs.

If merely letting the page sit still, then rolling over each link, the flicker is absent.

d a v e
12-04-2007, 07:58 AM
so don't do it then :)

i'm not sure anyone else is going to browser that way ;)

domedia
12-04-2007, 01:42 PM
Remove 'font-weight:bold;' from the head section for page.

d a v e
12-04-2007, 02:06 PM
oh *that*. yeah it's always damn annoying when you use bold for hover on normal weight links! :)