scripts pour pages web uniquement

Voir le sujet précédent Voir le sujet suivant Aller en bas

scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 13:20

scripts qui ne fonctionnent pas dans les posts mais uniquement dans les pages web

Mettre dans les posts le code ci-dessous avec l'adresse de la page web ciblée
Code:
<iframe src="adresse de la page web" frameborder="0" height="700" scrolling="auto" width="800"></iframe>


Dernière édition par Trefle le Lun 30 Juil - 13:57, édité 1 fois

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 13:21

En glissant la souris sur le lien, une fenêtre d'alerte apparait

Code:
<a href="" onMouseOver="alert('YOUR MESSAGE');return true;">The highlighted text goes here</a>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 13:22

Même que précédemment mais avec une image

Code:
<a href="" onMouseOver="alert('YOUR MESSAGE');return true;"> <IMG SRC="YOUR IMAGE FILE" border="0"></a>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 13:30

Une description de lien lorsqu'on glisse la souris sur ce dernier

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <script language="JavaScript">
<!-- Hide from old browsers
var sid="mitnamdliw_wildmantim";
//Array function compatible with Netscape 2.0x and 3.0x
function MakeArray(n) { this.length = n;
for (var i = 1; i <= n; i++) { this[i] = 0 }
return this
}
//create an array to store tips
//each button in the graphic requires an entry here
var ToolTips = new MakeArray(1);
ToolTips[0] = 1; //number of tips
ToolTips[1] = "MAIN DESCRIPTION";
ToolTips[2] = "DESCRIPTION #1";
ToolTips[3] = "DESCRIPTION #2";
function writeTip(imgIndex ){ document.tooltipsform.tips.value=(ToolTips[imgIndex]);
}
// end hide -->
  </script>
  <title>pages essais</title>
</head>
<body>
<form name="tooltipsform">
  <input name="tips" size="70"
 value="Put your mouse over the links to see information about them."
 type="text"></form>
<center>
<a class="source" href="/ie5.htm"
 onmouseover="writeTip(1);return true" onmouseout="writeTip(3)">Javascript
Made Easy!!</a> | <a class="source" href="/index.htm"
 onmouseover="writeTip(2);return true" onmouseout="writeTip(3)">Rick's
Pearl Jam Page</a>
</center>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 13:40

Un tableau avec images qui affiche les commentaire des liens

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta name="title"
 content="JavaScript Made Easy: Free JavaScripts, Tutorials, Example Code, Reference, Resources, And Help">
  <meta name="description"
 content="Large Collection of JavaScript source code. Choose from thousands of free scripts. JavaScript tutorials with example code. Excellent reference material for JavaScript. If you need help with JavaScript. JavaScript Made Easy is the place to find it.">
  <meta name="keywords"
 content="javascript, jsmadeeasy, script, source code, code, source, online, internet, programing, DHMTL, Navigation, html, developer, develop, css, dhtml, netscape, www.javascript.com, javascript.com, Tutorials, Reference, Windows, Cookies">
  <meta name="keyphrase"
 content="javascript, jsmadeeasy, script, source code, code, source, online, internet, programing, DHMTL, Navigation, html, developer, develop, css, dhtml, netscape, www.javascript.com, javascript.com, Tutorials, Reference, Windows, Cookies">
  <meta name="generator" content="Microsoft FrontPage 4.0">
  <meta name="author" content="webmaster@jsmadeeasy.com">
  <meta name="robots" content="index,follow">
  <meta name="rating" content="General">
  <meta name="author" content="JSMadeEasy - CSIWorks">
  <meta name="revisit" content="30 days">
  <meta name="revisit-after" content="30 days">
  <meta name="distribution" content="global">
  <meta name="copyright"
 content="(C) Copyright 2006 ~ jsmadeeasy.com">
  <meta name="language" content="english">
  <meta name="theives" content="JavaScript Made Easy">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <meta http-equiv="pics-label"
 content="(pics-1.1 "http://www.icra.org/ratingsv02.html" l gen true for "http://www.jsmadeeasy.com" r (cb 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://www.jsmadeeasy.com" r (n 0 s 0 v 0 l 0))">
  <script language="JavaScript">
<!-- Hide from old browsers
var sid="mitnamdliw_wildmantim";
function MakeArray(n) { this.length = n;
for (var i = 1; i <= n; i++) { this[i] = 0 }
return this
}
var ToolTips = new MakeArray(1);
ToolTips[0] = 7; ToolTips[1] = "Put your mouse over the picture to see the comments.";
ToolTips[2] = "COMMENT2";
ToolTips[3] = "COMMENT3";
ToolTips[4] = "COMMENT4";
ToolTips[5] = "COMMENT5";
ToolTips[6] = "COMMENT6";
ToolTips[7] = "COMMENT7";
ToolTips[8] = "COMMENT8";
ToolTips[9] = "COMMENT9";
ToolTips[10] = "COMMENT10";
function writeTip(imgIndex ){ document.tooltipsform.tips.value=(ToolTips[imgIndex]);
}
// -->
  </script>
  <title>Source Code - JsMadeEasy.com</title>
<!--============================================= FOLD OUT MENU-->
  <script language="javascript" src="/jsexternal/foldernav.js"></script>
<!--============================================= IMAGE HIGHLIGHT -->
  <script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=70
else
cur.filters.alpha.opacity=100
}
  </script><!--============================================= CONTROLS TEXT ROLLOVER COLOR -->
  <style>
A:link {text-decoration: none; text-decoration:none; color:#0066CC; }
A:visited {text-decoration: none; text-decoration:none; color:#0066CC; }
A:hover {text-decoration: text-decoration:none; color:red}
#SubMenu
{
position: absolute;
top: 85px;
left: 243px;
width: 180px;
border: 1px solid #999;
visibility: hidden;
}
A.list {
color:white;
text-decoration:none;
font-size:7pt;
font-family:verdana;
}
A.list:visited {
color:white;
text-decoration:none;
font-size:7pt;
font-family:verdana;
}
A.list:hover {
color:#ffcb10;
text-decoration:none;
}
A.wr {
color:#68B4FF;
text-decoration:none;
font-weight:bold;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif
}
A.wr:visited {
color:#68B4FF;
text-decoration:none;
font-weight:bold;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif
}
A.wr:hover {
color:white;
text-decoration:underline;
font-weight:bold;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif
}
A.dropmenutitle {
color:black;
text-decoration:none;
font-weight:bold;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenutitle:visited {
color:black;
text-decoration:none;
font-weight:bold;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenutitle:hover {
color:black;
text-decoration:none;
font-weight:bold;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenu {
color:#0066CC;
text-decoration:underline;
font-weight:normal;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenu:visited {
color:#0066CC;
text-decoration:underline;
font-weight:normal;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenu:hover {
color:red;
text-decoration:underline;
font-weight:normal;
font-size:7.5pt;
font-family:Verdana
}
body
{
margin: 0;
}
.gt0 {
BORDER-RIGHT: #6487db 1px solid; PADDING: 0px 4px 2px 4px; BORDER-TOP: #6487db 1px solid; FONT-SIZE: 100%; BORDER-LEFT: #6487db 1px solid; BORDER-BOTTOM: #6487db 1px solid
}
.gt1 {
BORDER-RIGHT: #a2b7e9 1px solid; PADDING: 0px 4px 2px 4px; BORDER-TOP: #a2b7e9 1px solid; FONT-SIZE: 100%; BACKGROUND: #5B9BE8; BORDER-LEFT: #a2b7e9 1px solid; BORDER-BOTTOM: #a2b7e9 1px solid
}
.gtsep {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 2px; FONT: 65% Verdana; COLOR: #a2b7e9; PADDING-TOP: 0px
}
#leftToolbar
{
font: 70% Verdana;
border-top: solid 0px #999;
border-bottom: solid 0px #999;
background: #F1F1F1;
padding: 2px 0px 2px 0px;
}
#leftToolbar td
{
font-size: 100%;
}
#leftToolbar a
{
font: 70% Verdana;
color: black;
text-decoration: none;
}
#SubMenuBlock
{
font: 70% Verdana;
border-top: solid 0px #999;
border-bottom: solid 0px #999;
background: #F1F1F1;
padding: 2px 0px 2px 0px;
}
#SubMenuBlock td
{
font-size: 100%;
}
#SubMenuBlock a
{
font: 70% Verdana;
color: black;
text-decoration: none;
}
.flyoutLink1
{
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
font-family: Verdana, Arial, Helvetica;
font-size: 70%;
padding-left: 6px;
padding-right: 25px;
padding-top: 1px;
cursor: hand;
border: solid 1px #999;
background: #CCC;
padding: 2px 6px 2px 6px;
}
.flyoutLink0 {
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
font-family: Verdana, Arial, Helvetica;
font-size: 70%;
padding-left: 6px;
padding-right: 25px;
padding-top: 1px;
cursor: hand;
border: solid 1px #F1F1F1;
background: #F1F1F1;
padding: 2px 6px 2px 6px;
}
#localToolbar
{
border-top: solid 1px #999;
border-bottom: solid 1px #999;
background: #F1F1F1;
padding: 2px 0px 2px 0px;
font-size: 100%;
}
#localToolbar td
{
font-size: 100%;
}
#localToolbar a
{
font: 70% Verdana;
color: black;
text-decoration: none;
}
.lt0
{
border: solid 1px #F1F1F1;
background: #F1F1F1;
padding: 0px 6px 0px 6px;
}
.lt1
{
border: solid 1px #999;
background: #CCC;
padding: 0px 6px 0px 6px;
}
.ltsep
{
font: 70% Verdana;
color: #A9A9A9;
padding: 0px 1px;
}
#homePageLink
{
width: 176px;
padding-left: 2px;
}
#homePageLink td
{
font-size: 100%;
}
#homePageLink a
{
display: block;
border: solid 1px #F1F1F1;
padding: 2px 6px 2px 6px;
margin: 0px;
background: #F1F1F1;
white-space: nowrap;
}
#homePageLink a:hover
{
display: block;
border: solid 1px #999;
padding: 2px 6px 2px 6px;
margin: 0px;
background: #CCC;
}
#footer
{
font: 70% Tahoma, Helvetica;
border-top: solid 1px #003499;
position: absolute;
}
#footer td
{
font-size: 100%;
}
#localFooter
{
margin: 0px;
padding-top: 8px;
padding-left: 10px;
}
#globalFooter
{
margin: 0px;
padding-top: 10px;
padding-bottom: 13px;
padding-left: 10px;
}
#footer a
{
color: #03C;
margin-right: 2px;
background: transparent;
font-weight: normal;
}
#footer a:visited
{
color: #03C;
background: transparent;
font-weight: normal;
}
#footer a:hover
{
color: #F60;
background: transparent;
font-weight: normal;
}
#footer nobr
{
color: #A9A9A9;
margin-right: 5px;
}
.flyoutHeading {
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
background-color: #F1F1F1;
font-weight: bold;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 2px;
cursor: default;
}
  </style>
  <script type="text/javascript">
<!--
function changeState(layerRef, state){
layer = ".all";
style = ".style";
eval("document" + layer + "['" + layerRef + "']" + style + ".visibility = '" + state + "'");
}
//-->
  </script><!------------------------------------- STYLESHEETS FONT PROPERTIES -->
  <link rel="stylesheet" href="/stylesheet.css">
</head>
<body>
 <span id="TBDownLevelDiv">
<script language="JavaScript">S4 = (document.layers); // Which browser?
var IE4 = (document.all);
var win = window; // window to search.
var n = 0;
function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
// Find next occurance of the given string on the page, wrap around to the
// start of the page if necessary.
if (NS4) {
// Look for match starting at the current point. If not found, rewind
// back to the first match.
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
// If not found in either direction, give message.
if (n == 0)
alert("Not found.");
}
if (IE4) {
txt = win.document.body.createTextRange();
// Find the nth match from the top of the page.
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
// If found, mark it and scroll it into view.
if (found) {
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
// Otherwise, start over at the top of the page and find first match.
else {
if (n > 0) {
n = 0;
findInPage(str);
}
// Not found anywhere, give message.
else
alert("Not found.");
}
}
return false;
}</script></span>
<script type="text/javascript" language="javascript">
<!--
function mhHover(tbl, idx, cls)
{
var t = document.getElementById(tbl);
if (t == null) return;
var d = t.getElementsByTagName("TD");
if (d == null) return;
if (d.length <= idx) return;
d[idx].className = cls;
}
//-->
</script>
<div name="SubMenu" id="SubMenu"
 onmouseenter="mhHover('localToolbar', 1*2+2, 'lt1'); changeState('SubMenu','visible')"
 onmouseleave="mhHover('localToolbar', 1*2+2, 'lt0'); changeState('SubMenu','hidden')">
<table bgcolor="#f1f1f1" border="0" cellpadding="2"
 cellspacing="0" width="180">
  <tbody>
    <tr>
      <td>
      <div id="SubMenuBlock">
      <table border="0" cellpadding="0" cellspacing="0"
 width="176">
        <tbody>
          <tr>
            <td class="flyoutLink0"
 onmouseenter="mhHover('SubMenuBlock', 0, 'flyoutLink1')"
 onmouseleave="mhHover('SubMenuBlock', 0, 'flyoutLink0')"><a
 href="/index.htm">JavaScript Basics</a></td>
          </tr>
          <tr>
            <td class="flyoutLink0"
 onmouseenter="mhHover('SubMenuBlock', 1, 'flyoutLink1')"
 onmouseleave="mhHover('SubMenuBlock', 1, 'flyoutLink0')"><a
 href="/tutorials/inserting.htm">Inserting Javascript</a></td>
          </tr>
          <tr>
            <td class="flyoutLink0"
 onmouseenter="mhHover('SubMenuBlock', 2, 'flyoutLink1')"
 onmouseleave="mhHover('SubMenuBlock', 2, 'flyoutLink0')"><a
 href="/javascripts/Navigation/Hierarchical%20Table%20of%20Contents/hitoc_s/projects/JS%20Tutorials/index.htm">Complete
Tutorial</a></td>
          </tr>
          <tr>
            <td class="flyoutLink0"
 onmouseenter="mhHover('SubMenuBlock', 3, 'flyoutLink1')"
 onmouseleave="mhHover('SubMenuBlock', 3, 'flyoutLink0')"><a
 href="/javascripts/Advanced/List.htm">Advance DHTML Tutorial</a></td>
          </tr>
        </tbody>
      </table>
      </div>
      </td>
    </tr>
  </tbody>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0"
 height="100%" width="100%">
  <tbody>
    <tr>
      <td colspan="4">
      <table style="width: 838px; height: 277px;" border="0"
 cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td class="bodytext" colspan="4">
            <center style="margin-left: 177px; width: 513px;">
            <table border="6">
              <tbody>
                <tr>
                  <td>
                  <table border="2">
                    <tbody>
                      <tr>
                        <td>
                        <center>  <a
 target="_top" href="/index.htm"
 onmouseover="writeTip(9);return true" onmouseout="writeTip(1)"><img
 src="mirror.gif" border="0" height="44" width="41"></a>  
                        </center>
                        </td>
                        <td>
                        <center>  <a
 target="_top" href="/index.htm"
 onmouseover="writeTip(2);return true" onmouseout="writeTip(1)"><img
 src="mirroruk.gif" border="0" height="44"
 width="41"></a>   </center>
                        </td>
                        <td>
                        <center>  <a
 href="/index.htm" onmouseover="writeTip(3);return true"
 onmouseout="writeTip(1)"><img src="2.gif"
 border="0" height="33" width="27"></a>  
                        </center>
                        </td>
                        <td>
                        <center>  <a
 href="/index.htm" onmouseover="writeTip(4);return true"
 onmouseout="writeTip(1)"><img src="search.gif"
 border="0" height="34" width="38"></a>  
                        </center>
                        </td>
                        <td>
                        <center>  <a
 target="_top" href="/index.htm"
 onmouseover="writeTip(5);return true" onmouseout="writeTip(1)"><img
 src="start.gif" border="0" height="28" width="58"></a>  
                        </center>
                        </td>
                        <td>
                        <center>  <a
 href="/index.htm" onmouseover="writeTip(6);return true"
 onmouseout="writeTip(1)"><img src="zip.gif"
 border="0" height="32" width="33"></a>  
                        </center>
                        </td>
                        <td>
                        <center>  <a
 href="/index.htm"
 onclick="window.open('jssurvey.htm', 'survey','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=635,height=460'); return false;"
 onmouseover="writeTip(7);return true" onmouseout="writeTip(1)"><img
 src="resume.gif" border="0" height="34" width="36"></a>  
                        </center>
                        </td>
                        <td>
                        <center>  <a
 href="/index.htm" onmouseover="writeTip(8);return true"
 onmouseout="writeTip(1)"><img src="bboard.gif"
 border="0" height="34" width="34"></a>  
                        </center>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table border="2">
                    <tbody>
                      <tr>
                        <td>
                        <form name="tooltipsform"><textarea
 name="tips" rows="5" cols="55" wrap="virtual"
 scroll="0" scrollbars="0">Put your mouse over the
picture to see the comments.</textarea></form>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  </td>
                </tr>
              </tbody>
            </table>
            </center>
            </td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
<span class="productheader"></span>&nbsp;
<script src="http://www.google-analytics.com/urchin.js"
 type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-223857-1";
urchinTracker(); </script>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 14:57

Image aléatoire
(voir ce site pour une compilation automatique du code
http://www.editeurjavascript.com/scripts/scripts_images_1_53.php

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- DEBUT DU SCRIPT -->
  <script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var nbimage= 30;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "http://www.lesartstronautes.com/";
url = "http://i49.servimg.com/u/f49/16/89/99/38/galaxi10.png";
alte = "icone";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "http://www.lesartstronautes.com/";
url = "http://i49.servimg.com/u/f49/16/89/99/38/ic_for10.gif";
alte = "planete";
}
if (numimage > 20)
{
gotosite = "http://www.lesartstronautes.com/";
url = "http://i49.servimg.com/u/f49/16/89/99/38/icone_10.gif";
alte = "fusée";
}
if(gotosite != "")
{
document.write ('<A HREF="' + gotosite + '">'); }
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
{
document.write('</A>')
}
}
  </script><!-- FIN DU SCRIPT -->
</head>
<body>
<!-- DEBUT DU SCRIPT --><!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<script language="JavaScript">
banniere();
</script><!-- FIN DU SCRIPT -->
<noscript><a
href="http://www.editeurjavascript.com/">ajax</a></noscript>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 15:12

image qui change si le curseur passe dessus

Code:
<html>
<head>
<!-- DEBUT DU SCRIPT -->
  <script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i348735 = new Image;
i348735 = "http://i49.servimg.com/u/f49/16/89/99/38/icone_11.gif";
}
  </script><!-- FIN DU SCRIPT -->
</head>
<body>
<!-- DEBUT DU SCRIPT --><!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<a href="http://www.lesartstronautes.com/"
 onmouseover="i348735.src='http://i49.servimg.com/u/f49/16/89/99/38/icone_11.gif'"
 onmouseout="i348735.src='http://i49.servimg.com/u/f49/16/89/99/38/icone_10.gif'"><img
 src="http://i49.servimg.com/u/f49/16/89/99/38/icone_10.gif"
 name="i348735" alt="fusée" border="0" hspace="0"
 vspace="0"></a><!-- FIN DU SCRIPT -->
<noscript><a
href="http://www.editeurjavascript.com/">ajax</a></noscript>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 15:16

image qui court derrière le curseur

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;
if (document.getElementById)
{
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_Souris;
window.onload = Bouge_Image;
}
function Pos_Souris(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
}
posX = 0;
posY = 0;
anim = true;
oldpos = "http://i49.servimg.com/u/f49/16/89/99/38/icone_11.gif";
function Bouge_Image()
{
if (document.getElementById && anim)
{
posX = posX+(((x-posX)+20)/15);
posY = posY+(((y-posY)+20)/15);
if(posX<x)
newpos='http://i49.servimg.com/u/f49/16/89/99/38/icone_10.gif';
else
newpos='http://i49.servimg.com/u/f49/16/89/99/38/icone_11.gif';
if(newpos!=oldpos)
{
document.tete.src=newpos;
oldpos=newpos;
}
document.getElementById("teteronde").style.top = posY+"px";
document.getElementById("teteronde").style.left = posX+"px";
tempo = setTimeout("Bouge_Image()", 15)
}
}
if(document.getElementById)
{
document.write('<div id="teteronde" style="position: absolute">');
document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');
document.write('<img src="http://i49.servimg.com/u/f49/16/89/99/38/icone_10.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
document.write('</a>');
document.write('</div>');
}
</script><!-- FIN DU SCRIPT -->
<noscript><a
href="http://www.editeurjavascript.com/mycircle/">echange de
lien</a></noscript>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 15:55

nombre de secondes avant telle date

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- DEBUT DU SCRIPT -->
  <script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function Rebour()
{
if (document.getElementById)
{
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2012, 11, 21);
TempFuture = Future.getTime();
DinaHeure = Math.floor((TempFuture-TempMaintenant)/1000);
DinaHeure = "" + DinaHeure;
if (DinaHeure <= 0)
DinaHeure = "0";
document.getElementById("comptarebour").innerHTML=DinaHeure;
}
temporebour = setTimeout("Rebour()", 1000)
}
window.onload=Rebour;
  </script><!-- FIN DU SCRIPT -->
</head>
<body>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<div id="comptarebour">Chargement ...</div>
<!-- FIN DU SCRIPT -->
<noscript><a
href="http://www.editeurjavascript.com/mycircle/">echange de
lien</a></noscript>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 16:43

lien vers une adresse aléatoire

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- DEBUT DU SCRIPT -->
  <script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
liens = new Array;
liens[0] = "http://www.lesartstronautes.com/f46-quartiers-du-commandant-euka";
liens[1] = "http://www.lesartstronautes.com/f45-quartiers-du-commandant-flicky";
liens[2] = "http://www.lesartstronautes.com/f52-quartiers-des-membres";
liens[3] = "http://www.lesartstronautes.com/f48-quartiers-du-commandant-the-strill";
liens[4] = "http://www.lesartstronautes.com/f51-quartiers-du-commandant-trefle";
liens[5] = "http://www.lesartstronautes.com/f50-quartiers-du-commandant-valou";
liens[6] = "http://www.lesartstronautes.com/f76-quartiers-de-kokokaine";
liens[7] = "http://www.lesartstronautes.com/f76-quartiers-de-kokokaine";
liens[8] = "http://www.lesartstronautes.com/f93-quartiers-de-yndra";
liens[9] = "http://www.lesartstronautes.com/f96-quartiers-d-ermy";
liens[10] = "http://www.lesartstronautes.com/f97-quartiers-de-baco";
liens[11] = "http://www.lesartstronautes.com/f98-quartiers-de-diale";
liens[12] = "http://www.lesartstronautes.com/f99-quartiers-de-cadet-philhamel";
liens[13] = "http://www.lesartstronautes.com/f103-quartiers-d-enki-goupil";
liens[14] = "http://www.lesartstronautes.com/f104-quartiers-de-zlowa";
function goToUrl()
{
secret = Math.round(Math.random() * 14);
window.open(liens[secret],'_blank');
}
  </script><!-- FIN DU SCRIPT -->
</head>
<body>
<!-- DEBUT DU SCRIPT --><!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<a href="#" onclick="goToUrl();return(false)">Galerie
aléatoire</a>
<!-- FIN DU SCRIPT -->
<noscript><a
href="http://www.editeurjavascript.com/countus/">compteur
live</a></noscript>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Trefle le Lun 30 Juil - 16:51

Menu sous forme de boutons

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <style type="text/css">
a.bouton
{
width:200px;
text-align:center;
display:block;
border-width: 5px;
font-weight:bold;
text-decoration:none;
background:#B9B9B9;
border-top:3px #DBDBDB solid;
border-left:3px #DBDBDB solid;
border-bottom:3px #868686 solid;
border-right:3px #868686 solid;
}
a.bouton:hover {
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
  </style>
</head>
<body>
<a href="http://www.editeurjavascript.com" class="bouton">Editeur
Javascript</a>
<a href="http://www.vacanceo.com" class="bouton">Vacanceo</a>
<a href="http://www.webmastravel.net" class="bouton">Webmastravel</a>
<noscript><a
href="http://www.editeurjavascript.com/countus/">compteur
live</a></noscript>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: scripts pour pages web uniquement

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum