FRIHOST • FORUMS • SEARCH • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

[java scripts] Text effect , img ....

   Frihost Forum Index -> Scripting -> Php and MySQL
 


JANKOW
Slideshow

Code:
//IN Head //


<script language="JavaScript1.1">
<!--

/*
JavaScript Image slideshow:
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScript here!
*/

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>
 
//IN BODY//
<a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=300 height=375></a>
<script>
<!--

//configure the paths of the images, plus corresponding target links
slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","food5.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")

//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000

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>
<br /><font face="arial" size="-2">This free script provided by</font><br />
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>



Code:
Previewer of Graphic arts

//IN HEAD

<SCRIPT LANGUAGE="JavaScript">
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--

w1=new Image();
w1.src="grafa/tapety/photo1.jpg";

w2=new Image();
w2.src="grafa/tapety/photo2.jpg";

w3=new Image();
w3.src="grafa/tapety/photo3.jpg";

w4=new Image();
w4.src="grafa/tapety/photo4.jpg";

w5=new Image();
w5.src="grafa/tapety/photo5.jpg";

w6=new Image();
w6.src="grafa/tapety/photo6.jpg";

w7=new Image();
w57.src="grafa/tapety/photo7.jpg";

w8=new Image();
w8.src="grafa/tapety/photo8.jpg";

w9=new Image();
w9.src="grafa/tapety/photo9.jpg";

w10=new Image();
w10.src="grafa/tapety/photo10.jpg";

w11=new Image();
w11.src="grafa/tapety/photo11.jpg";

w12=new Image();
w12.src="grafa/tapety/photo12.jpg";

w13=new Image();
w13.src="grafa/tapety/photo13.jpg";

w14=new Image();
w14.src="grafa/tapety/photo14.jpg";

w15=new Image();
w15.src="grafa/tapety/photo15.jpg";


var liczba_obrazkow=15; //tu podaj liczbę obrazków które będš przeglšdane
var i=1;

function prezent()
{
if (document.images)
{
document.images['w'].src=eval("w"+i+".src");
window.status="Aby zobaczyć kolejny obrazek kliknij na obrazku aktualnie wywietlanym";
i++;

if (i==liczba_obrazkow+1)
{
i=1;
window.status="Obejrzałe już wszystkie obrazki.";
alert('Obejrzałe już wszystkie obrazki');
}
}
}

//-->
</SCRIPT>

IN BODY

<table align="center" border="0" width="250" height="150">
<tr align="center">
<td>

<IMG SRC="grafa/tapety/photo1.jpg" BORDER="0" name="w" ALT="prezentacja" onClick="prezent(); return true;" >

</td>
</tr>
</table>


Code:
Supposedly Virus

//in head//

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function confirmClose() {       
alert("Error: 107x has occurred.  A virus has begun to infect your hard drive.  Please erase all infected files.")         
if (confirm("Please inform the the hardware vendor of this error."))
alert('The virus has been contained but the browser will shutdown to check for and prevent further internal damages.');
else
alert('The problem has not been fixed, the browser must be shut downtown to prevent further contamination.');
  {             
parent.close();       
   }
}
// End -->
</SCRIPT>

//in body//

<FORM>
<input type="button" value ="JavaScript Virus (not really...)" onClick="confirmClose()">
</FORM>
</CENTER>

<br />
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br />
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><br />


banner or slideshow

Code:
//in body//

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

// CREDITS:
// HeadlineWaver
// by Urs Dudli and Peter Gehrig
// Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.com
// 8/7/2001

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a link to http://www.24fun.com on the webpage
// where the scrips will be running.


// // // // // // // // // // // // // // // // // // // // // // // // // //
// CONFIGURATION STARTS HERE
// // // // // // // // // // // // // // // // // // // // // // // // // //

// your messages. Add as many as you like
var message=new Array()
message[0]="WEB POMOCNIK. --> "
message[1]="ZOBACZ!! --> "
message[2]="MOŻE ZNAJDZIESZ COŒ DLA SIEBIE. --> "

// the URLs of your messages
var messageurl=new Array()
messageurl[0]="http://www.webpomocnik.net"
messageurl[1]="http://www.webpomocnik.net"
messageurl[2]="http://www.webpomocnik.net"

// the targets of the links
// accepted values are '_blank' or '_top' or '_parent' or '_self'
// or the name of your target-window (for instance 'main')
var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"

// font-size
var fntsize=15

// font-color
var fntcolor="FFFF00"

// font-family
var fntfamily="Comic Sans MS"

// font-weight: 1 means bold, 0 means normal
var fntweight=1

// standstill of each message (seconds)
var pause=3

// the color of the newsborad backgorund
var backgroundcolor="444444"

// horizontal position of the slideshow (distance to the left margin of the browser-window, pixels)
var posleft=10

// vertical position of the slideshow (distance to the top margin of the browser-window, pixels)
var postop=10

// width of the textbox (pixels)
var scrollerwidth=600

// height of the textbox (pixels)
var scrollerheight=60

// borderwidth (pixels)
var scrollerborder=2

// textpadding (pixels)
var textpadding=15

// // // // // // // // // // // // // // // // // // // // // // // // // //
// CONFIGURATION ENDS HERE
// // // // // // // // // // // // // // // // // // // // // // // // // //

// do not edit the variables below
var linktext="KLIKNIJ"
var textwidth=scrollerwidth-(2*textpadding)
var textcontent=""
var bgcontent=""
var i_message=0
var i_stepwave=0
var i_maxstepwave=20
pause=pause*1000
if (fntweight==1) {fntweight="700"}
else {fntweight="100"}

function initiate() {
    gettextcontent()
   getbgcontent()
    if (document.all) {
      wavemessage.innerHTML=textcontent
      wavemessagebg.innerHTML=bgcontent
      wavemessagebg.style.posLeft=posleft
      wavemessagebg.style.posTop=postop
      wavemessage.style.posLeft=posleft+textpadding
      wavemessage.style.posTop=postop+textpadding
      enlargewave()
    }
    if (document.layers) {
        document.wavemessage.left=posleft+textpadding
      document.wavemessage.top=postop+textpadding
      document.wavemessagebg.document.write(bgcontent)
        document.wavemessagebg.document.close()
      document.wavemessagebg.left=posleft
      document.wavemessagebg.top=postop
        changemessage()
    }
}

function enlargewave() {
    if (i_stepwave<=i_maxstepwave) {
       wavemessage.filters.wave.phase=i_stepwave
       wavemessage.filters.wave.strength=i_stepwave
        wavemessage.filters.wave.lightstrength=i_stepwave
       wavemessage.filters.wave.freq=i_stepwave
        i_stepwave++
       var timer=setTimeout("enlargewave()",50)
    }
    else {
        clearTimeout(timer)
        changemessage()
    }
}

function reducewave() {
    if (i_stepwave>0) {
       wavemessage.filters.wave.phase=i_stepwave
       wavemessage.filters.wave.strength=i_stepwave
       wavemessage.filters.wave.lightstrength=i_stepwave
       wavemessage.filters.wave.freq=i_stepwave
        i_stepwave--
       var timer=setTimeout("reducewave()",50)
    }
    else {
        clearTimeout(timer)
        var timer=setTimeout("enlargewave()",pause)
    }
}

function changemessage() {
    i_message++
    if (i_message>=message.length) {i_message=0}
    gettextcontent()

    if (document.all) {
        wavemessage.innerHTML=textcontent
        reducewave()
    }
   
    if (document.layers) {
        document.wavemessage.document.write(textcontent)
        document.wavemessage.document.close()
        var timer=setTimeout("changemessage()",pause)
    }
   
}

function gettextcontent() {
   textcontent="<span style='font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+";width:"+textwidth+"px'>"
   textcontent+="<font color="+fntcolor+">"+message[i_message]+"</font> "
   textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+"> "
   textcontent+="<font color="+fntcolor+">"+linktext+"</font></a></span>"
}

function getbgcontent() {
   bgcontent="<table width="+scrollerwidth+" height="+scrollerheight+" border="+scrollerborder+"><tr><td bgcolor="+backgroundcolor+"> </td></tr></table>"
}
window.onload=initiate
// - End of JavaScript - -->
</SCRIPT>
<DIV ID="wavemessagebg" style="position:absolute;"></DIV>
<DIV ID="wavemessage" style="position:absolute; filter:wave()"></DIV>


Loading

Code:
<style>
<!--
.hide { position:absolute; visibility:hidden; }
.show { position:absolute; visibility:visible; }
-->
</style>

<SCRIPT LANGUAGE="JavaScript">

//Progress Bar script- by Todd King (tking@igpp.ucla.edu)
//Modified by JavaScript Kit for NS6, ability to specify duration
//Visit JavaScript Kit (http://javascriptkit.com) for script

var duration=3 // Specify duration of progress bar in seconds
var _progressWidth = 50;   // Display width of progress bar

var _progressBar = new String("");
var _progressEnd = 10;
var _progressAt = 0;


// Create and display the progress dialog.
// end: The number of steps to completion
function ProgressCreate(end) {
   // Initialize state variables
   _progressEnd = end;
   _progressAt = 0;

   // Move layer to center of window to show
   if (document.all) {   // Internet Explorer
      progress.className = 'show';
      progress.style.left = (document.body.clientWidth/2) - (progress.offsetWidth/2);
      progress.style.top = document.body.scrollTop+(document.body.clientHeight/2) - (progress.offsetHeight/2);
   } else if (document.layers) {   // Netscape
      document.progress.visibility = true;
      document.progress.left = (window.innerWidth/2) - 100;
      document.progress.top = pageYOffset+(window.innerHeight/2) - 40;
   } else if (document.getElementById) {   // Netscape 6+
      document.getElementById("progress").className = 'show';
      document.getElementById("progress").style.left = (window.innerWidth/2)- 100;
      document.getElementById("progress").style.top = pageYOffset+(window.innerHeight/2) - 40;
   }

   ProgressUpdate();   // Initialize bar
}

// Hide the progress layer
function ProgressDestroy() {
   // Move off screen to hide
   if (document.all) {   // Internet Explorer
      progress.className = 'hide';
   } else if (document.layers) {   // Netscape
      document.progress.visibility = false;
   } else if (document.getElementById) {   // Netscape 6+
      document.getElementById("progress").className = 'hide';
   }
}

// Increment the progress dialog one step
function ProgressStepIt() {
   _progressAt++;
   if(_progressAt > _progressEnd) _progressAt = _progressAt % _progressEnd;
   ProgressUpdate();
}

// Update the progress dialog with the current state
function ProgressUpdate() {
   var n = (_progressWidth / _progressEnd) * _progressAt;
   if (document.all) {   // Internet Explorer
      var bar = dialog.bar;
    } else if (document.layers) {   // Netscape
      var bar = document.layers["progress"].document.forms["dialog"].bar;
      n = n * 0.55;   // characters are larger
   } else if (document.getElementById){
                var bar=document.dialog.bar
        }
   var temp = _progressBar.substring(0, n);
   bar.value = temp;
}

// Demonstrate a use of the progress dialog.
function Demo() {
   ProgressCreate(10);
   window.setTimeout("Click()", 100);
}

function Click() {
   if(_progressAt >= _progressEnd) {
      ProgressDestroy();
      return;
   }
   ProgressStepIt();
   window.setTimeout("Click()", (duration-1)*1000/10);
}

function CallJS(jsStr) { //v2.0
  return eval(jsStr)
}

</script>

<SCRIPT LANGUAGE="JavaScript">

// Create layer for progress dialog
document.write("<span id=\"progress\" class=\"hide\">");
   document.write("<FORM name=dialog>");
   document.write("<TABLE border=2  bgcolor=\"#FFFFCC\">");
   document.write("<TR><TD ALIGN=\"center\">");
   document.write("Progress<br />");
   document.write("<input type=text name=\"bar\" size=\"" + _progressWidth/2 + "\"");
   if(document.all||document.getElementById)    // Microsoft, NS6
      document.write(" bar.style=\"color:navy;\">");
   else   // Netscape
      document.write(">");
   document.write("</TD></TR>");
   document.write("</TABLE>");
   document.write("</FORM>");
document.write("</span>");
ProgressDestroy();   // Hides

</script>


<form name="form1" method="post">

<input type="button" name="Demo" value="Display progress" onClick="CallJS('Demo()')">
</center>
</form>

<a href="javascript:CallJS('Demo()')">Text link example</a>

<br /><font face="arial" size="-2">This free script provided by</font><br />
<font face="arial, helvetica" size="-2"><a href="http://www.javascriptkit.com">JavaScript
Kit</a></font></p>




Menu CSS

Code:
//IN HEAD//
<style>
A.menulink{display:block;width:198px;text-align:left;text-decoration:none;font-family:arial;font-size:10pt;color:darkblue;BORDER:none;border:solid 1px #FFFFFF;}
A.menulink:hover{border:solid 1px #6100C1;background-color:f0f0f0;}
</style>

<script>

/* script by Marc Boussard - marc.boussard@syntegra.fr */

var ns4class=''
</script>


//IN BODY//

<table border="0" cellspacing="0" cellpadding="0" bordercolor="gray" width="200">
  <tr>
    <td width="100%" bgcolor="#E6E6E6">
      <br /><span class="zaznaczenie2"><font style="color:black;font-family:arial;font-size:11pt;">Main Menu</font></p>
      </span></td>
  <tr>
     <td width="100%"><a href="strona.php.htm" class="menulink" class=&{ns4class};>Strona 1</a></td>
  </tr>
  <tr>
    <td width="100%"><a href="strona.php" class="menulink" class=&{ns4class};>Strona 2</a></td>
  </tr>
  <tr>
    <td width="100%"><a href="strona.php" class="menulink" class==&{ns4class};>Strona 3</a></td>
  </tr>
  <tr>
    <td width="100%"><a href="strona.php" class="menulink" class=&{ns4class};>Strona 4</a></td>
  </tr>
</table>
mathiaus
All of those scripts were just copied from another site without explaination or anything!! Why didnt you just link to them and avoid confusion with people unfamilar with javascript?
Related topics

Where to find Java Scripts
[java scripts ] Multimedia
[ java scripts ] email service
[java scripts] System information
Oy Styled Text In Flash 8.
Table menu
Free Scripts Resources
Java project coupling problems
Need a LOGO for ... not any more...
I need a loading bar that appears while (read inside)
customize this search code for me and earn 75 Frih$
Flash Intro's $30 each
Excellent website for Javascripts
how did you learn about html, php or other languages???
Free Video Editing Software
Reply to topic    Frihost Forum Index -> Scripting -> Php and MySQL

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.