iWeb Beginner Le forum qui vous aide à utiliser iWeb

[sebpons]

Bonjour,
j'ai créé cette page
http://www.poctb.fr/POCTB/POCTB-ACTUELLEMENT.html
pour changer l'arrière fond j'ai utilisé un widget avec un code html.
Comme ce code agit sur la background, je me suis dis que si je l'insert dans mon code de page avec smultron j'allais pouvoir agir sur tout le background total.
J'ai essayé sur cette page.
http://www.poctb.fr/POCTB/POCTB-ACTUELLEMENT_2.html
Mais problème mes widgets google maps et menu déroulants ne fonctionnent plus correctement
Est ce un problème d'insertion?
Qui peut m'aider?
Merci
Séb

Voici le code
<!-- DEBUT DU SCRIPT COULEUR BACKROUND-->
<script>
// CREDITS:
// Background Random Fader
// 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
// 10/1/2001

// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you are required to insert a highly visible link to http://www.24fun.com
// right into the webpage where the script
// will be displayed.

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

// Choose a fade effect by configuering the variable fade_effect below:
// Set 1 if the background should fade from dark to medium and back to dark
// Set 2 if the background should fade from light to medium and back to light
// Set 3 if the background should fade from light to dark and back to light
// Set 4 if the background should fade from light to very light and back to light
// Set 5 if the background should fade from dark to very dark and back to dark
var fade_effect=5

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


if (fade_effect==1) {
var darkmax=200
var lightmax=250
}

if (fade_effect==2) {
var darkmax=200
var lightmax=250
}

if (fade_effect==3) {
var darkmax=200
var lightmax=250
}

if (fade_effect==4) {
var darkmax=200
var lightmax=250
}

if (fade_effect==5) {
var darkmax=200
var lightmax=250
}
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var redrgb=lightmax
var greenrgb=lightmax
var bluergb=lightmax

var redcol_1
var redcol_2
var greencol_1
var greencol_2
var bluecol_1
var bluecol_2

var stepmax=3
var stepred=Math.ceil(stepmax*Math.random())
var stepgreen=Math.ceil(stepmax*Math.random())
var stepblue=Math.ceil(stepmax*Math.random())

function setrandomstep() {
stepred=Math.ceil(stepmax*Math.random())
stepgreen=Math.ceil(stepmax*Math.random())
stepblue=Math.ceil(stepmax*Math.random())
}

function makedarker() {
redrgb-=stepred
greenrgb-=stepgreen
bluergb-=stepblue
if (redrgb<darkmax) {redrgb=darkmax}
if (greenrgb<darkmax) {greenrgb=darkmax}
if (bluergb<darkmax) {bluergb=darkmax}
if (redrgb>darkmax || greenrgb>darkmax || bluergb>darkmax) {
redcol_1 = hexc[Math.floor(redrgb/16)];
redcol_2 = hexc[redrgb%16];
greencol_1 = hexc[Math.floor(greenrgb/16)];
greencol_2 = hexc[greenrgb%16];
bluecol_1 = hexc[Math.floor(bluergb/16)];
bluecol_2 = hexc[bluergb%16];
var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
document.bgColor=backcolor
var timer=setTimeout("makedarker()",100);
}
else {
clearTimeout(timer)
setrandomstep()
setTimeout("makelighter()",2000)
}
}

function makelighter() {
redrgb+=stepred
greenrgb+=stepgreen
bluergb+=stepblue
if (redrgb>=lightmax) {redrgb=lightmax}
if (greenrgb>=lightmax) {greenrgb=lightmax}
if (bluergb>=lightmax) {bluergb=lightmax}

if (redrgb<lightmax || greenrgb<lightmax || bluergb<lightmax) {
redcol_1 = hexc[Math.floor(redrgb/16)];
redcol_2 = hexc[redrgb%16];
greencol_1 = hexc[Math.floor(greenrgb/16)];
greencol_2 = hexc[greenrgb%16];
bluecol_1 = hexc[Math.floor(bluergb/16)];
bluecol_2 = hexc[bluergb%16];
var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
document.bgColor=backcolor
var timer=setTimeout("makelighter()",100);
}
else {
clearTimeout(timer)
setrandomstep()
setTimeout("makedarker()",2000)
}
}
makedarker()
</script>
<!-- FIN DU SCRIPT COULEUR BACKROUND-->
<!-- ************** debut du script ************** -->
<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()

//-->
</script>
<!-- ************** fin du script ************** -->
</div>
</script>

[Caribou]

Est ce que l'effet sur cette page est bien utile ?
Je vois bien, elle change de couleur, mais il n'y a même pas la couleur du "ciel bleu".
Il y a certainement une solution, moi je resterais simple sur cette page.
C'est une copie d'écran, une photo, le texte est flou. " Fabienne Gaston-Dreyfus Corentin Grossmann Frédérique Loutz "
Retouche de la photo.

[sebpons]

Comme l'asso se nomme le pays ou le ciel est toujours bleu, on n'a jamais communiqué avec trop de bleu, notre premier site était rose!
J'ai choisi ce script permet de faire varier la luminosité, et de naviguer dans des gris colorés, en changeant les chiffres des paramètres var darkmax=200 et
var lightmax=250 on peut créer des couleurs très vives ou très sombres.
Pour la photo, elle est super agrandie j'avais mal calculer l'export, mais j'ai bloqué sur le problème évoqué dans mon premier message, la navigation qui ne fonctionne plus correctement et le plan qui a disparu....
Seb

[GJM]

Je viens de lire ce sujet dont le dernier message date de septembre 2009.
En me rendant sur les liens donnés en exemple, je ne vois pas de problème de menus, ni de problème widget google maps.
Il semble que la difficulté évoquée ait trouvé une solution.
Si c'est bien le cas, merci de la fournir et de marquer le problème résolu.

[sebpons]

Bonjour,
le problème n'est pas résolu malheureusement, seulement les liens vers mes exemples ne sont plus bons...