Bonjour,

Je recherche un code en php me permettant de faire la chose suivante (mon niveau en php étant trop juste pour le créer moi-même) :

Dans une première page php je dispose d'un formulaire avec un champs texte où je peut y mettre un mot limité à 15 caractères
Imaginons que je rentre le mot bonjour dans le formulaire et que je clique sur un bouton "valider"
Et là une deuxième page s'ouvre avec dans un champs de texte le code suivant :

</center>
<h1><FONT face="arial"><b><p style="position:relative; left: 260px; top: -300px;">Bonjour</p></b></FONT></h1>
<center>

Un bouton "copier" me permet de copier ce code et je pourrais le coller par exemple dans un forum afin d'avoir le mot avec le style défini par le code.
J'espère avoir été avoir clair, je vous remercie d'avance pour vos réponses et votre aide.

Kinslow

salut,


il s'agit de javascript.

regarde sur le forum JS, ou un site plus spécialisé JS.

@+

<form action="" method="post">
<input type="text" name="string" value=""/>
<input type="submit" value="style it !"/>
</form>
 
<?php if(isset($_REQUEST['string'])): ?>
<p style="text-align: center; font-family: Arial; font-weight: bold; font-size: 24px;"><?php echo $_REQUEST['string']; ?></p>
<?php endif; ?>

Mais c'est vrai que tu pourrais le faire en javascript aussi.

JS obligatoire pour la copie dans le presse papier


@+

J'ai volontairement ignoré la parti copie.
Il me semble même que javascript seul ne suffit pas, il faut un petit flash, piloté en javascript, qui peut se charger de faire la copie.
Il existe au moins 1 plugin jquery tout prêt pour le faire.

Parfait merci, je regarde donc du coté du javascript pour le copié-collé.

Kinslow

En javascript avec jquery sans la copie (voir plugin jquery clipboard pour ça):

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<form action="" method="post">
<input type="text" name="string" value=""/>
<input type="submit" value="style it !"/>
</form>
 
<p style="text-align: center; font-family: Arial; font-weight: bold; font-size: 24px;"></p>

<script type="text/javascript">
$(document).ready(function(){
  $('form').submit(function(){
    $('p').html($('input[name=string]').val());
    return false;
  });
});
</script>