[Effet tournepage]

[Aventurine]

Coucou tout le monde

J'ai voulu adopter ce tuto: https://forum.forumactif.com/t284540-astuce-forumactif-effet-tournepage?highlight=effet+tournepage

Mais je n'y arrive pas.Je ne comprends pas comment transposer un fichier txt en .js?

Merci d'avance

aventurine

[Invité]

Bonsoir,

Au moment de l'enregistrement, terminez le nom de votre fichier par .js . Un exemple en image:


Cordialement.

[Aventurine]

Coucou

J'ai enregistré mon document comme dit,je l'heberge,je copie et colle le code mais ca ne donne rien du tout sur le forum,rien n'apparait?

Merci d'avance

[SoraNoHime]

Bonsoir,

où l'avez-vous héberger pour le moment ? car si c'est sur archive host, celui-ci a des problèmes de serveurs. Ce qui pourrait expliquer votre soucis

Cordialement.

[Aventurine]

non je l'ai hebergé ici: http://yourjavascript.com/
comme cela etait recommandé sur le tuto

Je ne comprends pas d'ou provient le probleme,peut etre que je me trompe tout au debut?

Bien a vous

aventurine

[SoraNoHime]

Quand vous dites vous petre trompée au début, de quoi parlez-vous ? Du script en lui-même ou du code pour insérez le script dans votre forum ?

Pouvez-vous me fournir les deux si besoin.

[Aventurine]

Et bien j'ai crée mon fichier qui me donne cela:

Code:

var jaaspeel = new Object();

jaaspeel.ad_url = escape('http://aventurine.e-monsite.com/');
jaaspeel.small_path = 'http://perso.numericable.fr/antonywar/small.swf';
jaaspeel.small_image = escape('http://www.casimages.com/img.php?i=110228051641360305.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://perso.numericable.fr/antonywar/large.swf';
jaaspeel.big_image = escape('http://www.casimages.com/img.php?i=110228052252826746.jpg');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;

function sizeup987(){
   document.getElementById('jcornerBig').style.top = '0px';
   document.getElementById('jcornerSmall').style.top = '-1000px';
}

function sizedown987(){
   document.getElementById("jcornerSmall").style.top = "0px";
   document.getElementById("jcornerBig").style.top = "-1000px";
}

jaaspeel.putObjects = function () {
// <jcornerSmall>
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:10000;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
// embed
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
document.write('</script>');
// </jcornerSmall>
// <jcornerBig>
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:10000;left:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
// embed
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
// </jcornerBig>
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}
jaaspeel.putObjects();

En suite je l'enregistre .js mais je dois choisir "tous les fichiers pour que cela l'enregistre".Un autre fichier se crée a son tour.

Lorsque je tente d'ouvrir ce dernier cela me marque:

Spoiler:

Alors quand ensuite j'essaie de l'heberger ca ne marche pas,mais je ne comprends pas comment pallier au probleme?

Encore merci de m'aider,c'est sympa

[SoraNoHime]

Votre code est bon. Par contre je viens d'essayer votre hébergeur et ne reçois pas le lien d'hébergement. J'en recherche un autre pour voir si cela fonctionne bien. ^^

[Aventurine]

en effet j'ai eu le meme probleme au debut,et j'ai remarqué qu'il fallait marquer son adresse email pour recevoir le code en question

[SoraNoHime]

J'ai essayé votre script sur mon forum test en passant par mon serveur FTP (l'avantage d'avoir un site à coté ^^), il marche à l'exception des images. Pourtant je n'y vois pas d'erreur.

Puisque vous avez le lien d'hébergement de votre script, l'avez vous bien hébergé ainsi

PA > Général > Forum : COnfiguration > Description du site

Code:


<script src="lien de l'hébergement" /></script>

Edit : vous pouvez voir mon forum test sur mon lien de profil.

[Aventurine]

Oui je l'ai hebergé ainsi,je suis allée sur votre forum test et en effet les images ne s'affichent pas,comment cela se fait il?

Pourtant lorsqu'on clique dessus,impeccable,on arrive sur mon site

En tout cas merci de m'accorder de votre temps

[SoraNoHime]

Déjà réhergé vos images ailleurs. Servimg par exemple et si possible en jpeg.

J'ai fait un essai ça marche chez moi les images s'affiche (même si la première ne se voit pas vraiment en bleu clair sur fond bleu clair )

Ps : pour le temps ça va encore pour le moment, mais avec les enfants je vais devoir bientot aller me coucher si je ne veut pas me retrouver la tete en vrac demain )

[Aventurine]

Je vais suivre votre conseil et tenter avec d'autres images

Je vous remercie et vous souhaite une bonne soirée

Je réediterai le topic si j'y arrive pour de bon

A bientot

Aventurine

[SoraNoHime]

Bonne soirée à vous aussi.

Ps : je vous envoie un petit MP qui devrait vous plaire ^^

[Aventurine]

Merci infiniment,vous etes d'une gentillesse remarquable!

[Aventurine]

J'ai retenté avec l'hebergeur donné dans le tuto:ca ne marche toujours pas,impossible de comprendre.

Et autre chose:j'ai plusieurs scripts sur mon forum,comment faire pour les avoir tous car la place dans "description du site" est très limitée?

Merci d'avance

Aventurine

[SoraNoHime]

Bonjour Aventurine

il y a plusieurs façons d'héberger les script sur les forums

voici la liste :

1. Dans PA > Général > Forum : Configuration > Description du site (pour que le script marche partout sur le forum)

2. Si vous êtes en phpbb2, vous pouvez coller le script dans le template overall_header juste entre

Code:

                     <span class="gen">{SITE_DESCRIPTION}
  </span>
                  </td>

et

Code:


                  <!-- BEGIN switch_logo_right -->

Il apparaitra partout

3. Dans PA > Affichage > Page d'accueil : Généralités > Message sur la page d'acueil : Contenu du message : (il n'apparaitra que sur la page d'acceuil)

4. Dans PA > Général > Promotion du forum : les moteurs de recherche.

Vous cliquez sur Autres balises méta :

Choissisez l'option lier un script et insérez l'adresse de votre script. Il apparaitra sur toutes les pages du forum sauf à l'intérieur des messages.

Dans tous les cas, vous devez héberger votre script, ou en prendre un déjà hébergé. et l'insérez pour les option 1,2 et 3 ainsi

<script src="adresse du script"></script>

N'oubliez pas de changer le nom en rouge par votre adresse[/quote]

En attendant, pas de soucis vous pouvez garder ma solution le temps de trouver où héberger.

archive host refonctionne sinon, vous pouvez les héberger là bas.

Amicalement.

Edit : les solutions 2, 3 et 4 vous permettent d'en mettre plusieurs ensemble, mais attention certains scripts ne s'apprécient pas, et l'ajout d'un peut désactivé d'autres. ^^

[Aventurine]

Merci pour toutes ces explications,j'ai suivi vos conseils et me suis enregistrée sur achve host,j'ai donc tenté le script.L'effet tournepage apparait bien et lorsqu'on clique dessus,cela renvoit bien au site.Il reste 3 petits problemes:

1-J'aimerai qu'il s'affiche a gauche et non a droite

2-Les images ne s'affichent pas,on voit le derriere de l'onglet comme le forum

3-Peut-on utiliser la même image pour "small img" et big img"?

Merci d'avance

[SoraNoHime]

pour qu'il soit à gauche, rerenez le tutoriel, dans le point 4 il est noté comment le faire.

Oui, on peut utiliser la meme images pour les deux , le seul point important est qu'elles ne doivent pas etre sous format gif (et le png a parfois du mal à fonctionner aussi j'ai remarqué)

Les images ne fonctionnent pas ? Les avez-vous ré-hébergées comme je vous l'avez dit ?

[Aventurine]

-J'ai repris le tuto et j'ai changé comme ecrit par left au lieu de right

-Je vais suivre votre conseil et de nouveau reheberger mes images avec jpg cette fois

Alors ca y est,le script marche,les images s'affichent impeccable,vous aviez raison ca venait du fait que c'etait du .png et non du .jpg.

Par contre impossible de le mettre du coté gauche,j'ai pourtant suivi le tuto et changé le left par right,je vous remets mon code,j'ai peut etre pas vu un mot:

Code:

var jaaspeel = new Object();

jaaspeel.ad_url = escape('http://aventurine.e-monsite.com/'); // page de redirection //
jaaspeel.small_path = 'http://perso.numericable.fr/antonywar/small.swf';
jaaspeel.small_image = escape('http://www.archive-host.com/files/874982/7fad4f524ec07a89a52d1b08788978c39a70e1b3/oeil.jpg'); // image sous la page dans le coin à droite (pas de gif) //
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://perso.numericable.fr/antonywar/large.swf';
jaaspeel.big_image = escape('http://www.archive-host.com/files/874984/7fad4f524ec07a89a52d1b08788978c39a70e1b3/jo.jpg'); // message qui s'affiche avec la souris sur le coin à droite (pas de gif) //
jaaspeel.big_width = '650'; // largeur de l'effet entier //
jaaspeel.big_height = '650'; // hauteur de l'effet entier //
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;

function sizeup987(){
  document.getElementById('jcornerBig').style.top = '0px';
  document.getElementById('jcornerSmall').style.top = '-1000px';
}

function sizedown987(){
  document.getElementById("jcornerSmall").style.top = "0px";
  document.getElementById("jcornerBig").style.top = "-1000px";
}

jaaspeel.putObjects = function () {
// <jcornerSmall>
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:10000;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
// embed
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
document.write('</script>');
// </jcornerSmall>
// <jcornerBig>
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:10000;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
// embed
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
// </jcornerBig>
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}
jaaspeel.putObjects();

Merci infiniment