Poster trois script dans une page html

2 participants

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

Résolu Poster trois script dans une page html

Message par Ayael Sam 27 Oct 2012 - 12:40

Bonjour je souhaiterais insérer plusieurs scripts (trois) dans une page html de forumactif, cependant j'ai eu beau essayer j'ai pas réussis.

J'ai essayé de les mettre sur mon forum (dans la partie javascript) en ne cochant aucun des "lieux".

Grâce à ce code :
Code:
        <script type="text/javascript" src="lien.js"></script>
en le mettant avant la balise head.

J'ai aussi essayer de les mettre directement entre les balises
Code:
        <script type="text/javascript" language="Javascript"> </script>

voici les codes en question :
Spoiler:
l'entête de ma page :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>

Je précise que le code fonctionne si je le met sur le forum... Merci d'avance


Dernière édition par Ayael le Dim 28 Oct 2012 - 19:27, édité 1 fois
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster trois script dans une page html

Message par Ayael Dim 28 Oct 2012 - 11:04

Up
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster trois script dans une page html

Message par Scoubifitz Dim 28 Oct 2012 - 13:09

bonjour,

puisque vous utilisez la fonction jQuery , il faut faire appel à la bibliothèque jQuery ...

Code:
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

le code fonctionnel :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titre</title>

<style type="text/css">
/*Image défilante*/

.new_event {
width: 380px;
height: 200px;
margin: 10px auto;
padding: 0;
position: relative;
overflow: hidden;
border:2px solid #311C26;
}

.new_event div {
width: 380px;
height: 200px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

.fond_blanc {
position: relative;
margin:2px;
}

/* placer les icones avant et après des images défilantes*/

#prev2 {
position: absolute;
top: 110px;
left: 2px;
cursor: pointer;
z-index: 999;
}

#next2 {
position: absolute;
top: 110px;
right: 2px;
cursor: pointer;
z-index: 999;
}

/*Image transparante au passage de la souris*/

.description_contenu
{
position: absolute;
display: block;
width: 363px;
height: 200px;
background-color: #3B5C3C;
line-height:20px;
font-size: 16px;
color: #fff;
text-align: jutsify;
padding-left:10px;
padding-right:20px;
padding-top:1px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
text-align:justify;
}
.description_contenu:hover
{
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/* DIV CONTENEUR */
#tfa_news{
width: 400px;
border: 3px solid #333333;
background: #fff;
text-align: left;
height:200px;
}
#tfa_news ol {
list-style: none;
margin:0;
padding:10;
}
#tfa_news ol li{
margin: 0;
padding: 10;
}
/* DIV DU CONTENU */
#tfa_news div{
width:400px;
margin:0px;
}
</style>

<script src="http://ayaels.forumgratuit.org/11648.js" type="text/javascript"></script>

<script src="http://ayaels.forumgratuit.org/12689.js" type="text/javascript"></script>

<script src="http://ayaels.forumgratuit.org/13406.js" type="text/javascript"></script>

</head>
<body>
<table>
<tr>
<td valign="top" rowspan="2">
<div class="newandevent">
<div class="fond_blanc">

<!-- Slide new_event -->
<!-- BOUTONS AVANT-APRES -->

<span id="prev2">
<img src="http://i46.servimg.com/u/f46/16/36/06/79/action13.png" alt="prev" />
</span>
<span id="next2">
<img src="http://i46.servimg.com/u/f46/16/36/06/79/action14.png" alt="next" />
</span>
<div class="new_event">

<!-- contenu 1 -->
                      
<div>                       
<div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(http://i46.servimg.com/u/f46/16/36/06/79/crossf10.png) center center no-repeat;">
<span class="description_contenu">
Terra Mystica participe au crossforum organisé par notre partenaire Je de l’âme. Le principe est simple : Partager les univers de plusieurs forums durant une période. Ainsi vous pourrez jouer une nation sous forme humaine dans Hetalia RPG, devenir un habitant de paris en avril 1896 dans les chroniques du règne de Felix Faure, entrez dans une des écoles de magie Verbum pretium et bien d’autres choses encore ! <a href="http://www.terramysticarpg.com/t1562-crossforum-interpartenaire">En savoir plus? </a></span>
</span>
</div>
</div>

<!-- contenu 2 -->
                        
<div>                       
<div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(http://i48.servimg.com/u/f48/17/28/48/89/cita10.png) center center no-repeat;">
<span class="description_contenu">
[Event Majeur]  L'un des sceaux de la prophétie est sur le point d'être brisé, et c'est vous qui allez y participer ! Retrouvez vous téléporté par la magie de la prophétesse Lilith entre les frontières magiques de la cité perdue d'Atlantide. Hâtez vous, car non content d'être pris pour cible par d'étranges monstres, et d'être entourés de vos ennemis en ce monde, vous n'avez que 4 jours pour faire sortir la cité de l'eau
<br/>
<a href="http://www.terramysticarpg.com/t1204-la-cite-d-atlantide-event-majeur">? Voir l'event ?</a>
</span>
</span>
</div>
</div>

<!-- contenu 3-->                                               

<div>                       
<div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(http://i48.servimg.com/u/f48/17/28/48/89/lumiar10.png) center center no-repeat;">
<span class="description_contenu">

<strong>Héros du mois</strong> : Luz Weiss &amp; John Dan- <a href="http://www.terramysticarpg.com/privmsg?mode=post&u=301">MP</a><a href="http://www.terramysticarpg.com/privmsg?mode=post&u=165">MP</a> - <a href="http://www.terramysticarpg.com/u301">profil</a><a href="http://www.terramysticarpg.com/u165" class="postlink">Profil</a> <br/>
<strong>Gagnant du concours spéciale anniversaire</strong> : <a href="http://www.terramysticarpg.com/u209">Datar</a> &amp; <a href="http://www.terramysticarpg.com/u247">Caïn</a><br/>
</span></span>
</div>           
</div>

</div>             
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3732
Inscrit(e) le : 18/03/2008

https://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster trois script dans une page html

Message par Ayael Dim 28 Oct 2012 - 19:26

ça marche parfaitement, merci infiniment!
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

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