Mettre des scripts à la même hauteur sur une page

[Keroin]

Bonjour à tous,

tout est dans le titre, je cherche à insérer 2 javascripts à la même hauteur dans une page (un à gauche et un à droite), quelqu'un peut il me renseigner sur la meilleure technique à utiliser ?

Merci

Modifié 1 Juin 2006 par Keroin

[captain_torche]

Le souci, c'est que ce n'est pas le JS qui va décider de sa place à l'écran (quoique c'est possible, mais ça devient une usine à gaz); mais ça serait plutôt le code HTML (et éventuellement le CSS) qui déterminera l'agencement de tes codes.

[Keroin]

Et que faut il indiquer dans le code HTML du script afin que les 2 se retrouvent côte à côte ??

[captain_torche]

Par exemple :

<div class="align">
<script type="text/javascript">
<!--
Ton script 1
-->
</script>
</div>
<div class="align">
<script type="text/javascript">
<!--
Ton script 2
-->
</script>
</div>

Avec dans le CSS :

.align { float: left; }

Ou sinon, tu peux utiliser un tableau :

<table>
<tr>
<td>
<script type="text/javascript">
<!--
Ton script 1
-->
</script>
</td>
<td>
<script type="text/javascript">
<!--
Ton script 2
-->
</script>
</td>
</tr>
</table>

[Keroin]

C'est exactement ce que je cherchais merci beaucoup captain torche

[Keroin]

Bon bah je dois faire quelque chose qu'il ne faut pas car ça ne veut rien m'afficher sur une feuille html vierge, j'ai essayé avec ces deux scripts de faire un tableau :

<table>
<tr>
<td>
<script type="text/javascript">
<!--

<script language="JavaScript" type="text/JavaScript">
var border='1';
var width='160';
var bordercolor='#0000FF';
var linkcolor='#cccccc';
var textcolor='';
var titlecolor='#ffffff';
var bgcolor='#ffffff';
</script>
<script language="JavaScript" type="text/JavaScript" src="http://www.fan-de-cinema.com/rss/sorties.js"></script>

-->
</script>
</td>
<td>
<script type="text/javascript">
<!--

<script language="JavaScript" type="text/JavaScript">
var border='1';
var width='160';
var bordercolor='#0000FF';
var linkcolor='#CCCCCC';
var textcolor='';
var titlecolor='#FFFFFF';
var bgcolor='#FFFFFF';
function mediaplayer(film) {
newWindow=window.open('http://www.fan-de-cinema.com/'+film,'Player',"toolbar=no,status=no,menubar=no,resizable=no,scrollbars=no, width=320,height=340");
newWindow.focus();
}
function realplayer(film) {
newWindow=window.open('http://www.fan-de-cinema.com/'+film,'Player',"toolbar=no,status=no,menubar=no,resizable=no,scrollbars=no, width=320,height=240");
newWindow.focus();
}
</script>
<script language="JavaScript" type="text/JavaScript" src="http://www.fan-de-cinema.com/rss/nouveautes.js"></script>

-->
</script>
</td>
</tr>
</table>

Il doit surement y avoir des infos en trop mais je sais pas trop lesquelles enlever

[captain_torche]

Oui, il y en a (un sacré tas !)

Ton souci, c'est que tu mets des balises <script> dans d'autres balises <script>.

Voilà ton code, légèrement nettoyé :

<table>
<tr>
<td>
<script type="text/javascript">
<!--
var border='1';
var width='160';
var bordercolor='#0000FF';
var linkcolor='#cccccc';
var textcolor='';
var titlecolor='#ffffff';
var bgcolor='#ffffff';
-->
</script>
<script language="JavaScript" type="text/JavaScript" src="http://www.fan-de-cinema.com/rss/sorties.js"></script>
</td>
<td>
<script type="text/javascript">
<!--
var border='1';
var width='160';
var bordercolor='#0000FF';
var linkcolor='#CCCCCC';
var textcolor='';
var titlecolor='#FFFFFF';
var bgcolor='#FFFFFF';
function mediaplayer(film) {
newWindow=window.open('http://www.fan-de-cinema.com/'+film,'Player',"toolbar=no,status=no,menubar=no,resizable=no,scrollbars=no, width=320,height=340");
newWindow.focus();
}
function realplayer(film) {
newWindow=window.open('http://www.fan-de-cinema.com/'+film,'Player',"toolbar=no,status=no,menubar=no,resizable=no,scrollbars=no, width=320,height=240");
newWindow.focus();
}
-->
</script>
<script language="JavaScript" type="text/JavaScript" src="http://www.fan-de-cinema.com/rss/nouveautes.js"></script>
</td>
</tr>
</table>

[Keroin]

Re ça marche merci beaucoup pour ton aide