2010-08-19 4 views
0

Javascript problème CSS:1 javascript/numéro CSS2 perl cgi Questions

J'utilise une boîte textarea pour écrire dans un div. J'obtenir la boîte textarea pour le faire en utilisant le javascript suivant:

<script type="text/javascript"> 

    function process_input(){ 
    document.getElementById("description").innerHTML = document.getElementById("message").value; 
    return true; 
    } 
</script> 

style I la div d'avoir white-space: pre-wrap qui fonctionne dans Firefox, mais pas dans IE. Quelqu'un sait-il soit une règle css ou un javascript supplémentaire pour faire la div reflète les retours chariot entrés dans la zone de texte pour être également entré dans le div?

Je travaille sur le script perl cgi que quelqu'un d'autre a commencé à avoir le texte qui utilise une image de fond envoyée en tant que carte virtuelle. Voici le script perl cgi:

#!/usr/local/bin/perl5 

use CGI; 
use GD; 
use CommonSubs; 
use DBI; 

use dbInfo; 

$q = new CGI; 


$userInfo= &CommonSubs::DirInfo($userId); 

$user = $ENV{'REMOTE_USER'}; 
$from = $q->param('from'); 
$to = $q->param('to'); 
$cc = $q->param('cc_manager'); 
$card = $q->param('card'); 
$message = $q->param('message'); 



my %availableCards = ("card1" => "large_card_1.jpg", 
     "card2" => "large_card_2.jpg", 
     "card3" => "large_card_3.jpg", 
     "card4" => "large_card_4.jpg", 
     "card5" => "large_card_5.jpg", 
     "card6" => "large_card_6.jpg", 
     "card7" => "large_card_7.jpg", 
     "card8" => "large_card_8.jpg", 
     "card9" => "large_card_9.jpg"); 

my $cardToUse = $availableCards{$card}; 
my $emailContent = ""; 

$text = $message; 
@lines = split(/\n/, $text); 
$lCnt .= $#lines+1; 
$lineStart = 80; 
$lineHeight = 24; 



$container = "..../root-wwwin/htdocs".$cardToUse; 
$font = "....verdana.ttf"; 




$image = GD::Image->newFromJpeg($container); 


$txtColor = $image->colorResolve(0,0,0); 

for ($i=0; $i<$lCnt; ++$i){ 
$xPos = 375; 
$yPos = $lineStart + ($lineHeight*$i); 
@bounds = $image->stringTTF($txtColor,$font,13,0,$xPos,$yPos,@lines[$i]); 
} 


$ts = time(); 
$imgFile = "ecard_".$user."_".$ts.".jpeg"; 

open(IMGFILE, "...$imgFile"); 
binmode IMGFILE; 
print IMGFILE $image->jpeg; 
close (IMGFILE); 

$img = "<img border=0 src=\"...$imgFile\" />"; 

$emailContent = <<HTML; 


$card 


HTML 


&CommonSubs::sendEmail("$to\@xxx.com","$from\@xxx.com","$cc\@xxx.com",  "","$bcc\@xxx.com",$emailContent); 

print "Content-type: text/html\n\n"; 
print "$img"; 
print "ecard sent"; 

Ce que je besoin est perl code cgi pour rendre l'enveloppe de texte en haut de l'image qui est en cours des utilisations comme un arrière-plan dans le code HTML, lorsqu'il est envoyé par sendmail.

Merci d'avance pour votre aide.

+3

Vous devriez probablement séparer votre question en 2 séparés. Les Vous obtiendrez de meilleures réponses. – Strelok

Répondre

0

Pour votre problème CSS, essayez le style suivant:

.wordwrap { 
    white-space: pre-wrap;  
    word-wrap: break-word;  
    _white-space: pre; 
} 

Oui, le trait de soulignement est là pour une raison.

1

alternatives pré-wrap:

.wordwrap { 
    white-space: pre-wrap;  /* css-3 should we be so lucky... */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 ?? */ 
    white-space: -o-pre-wrap; /* Opera 7 ?? */ 
    word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
    _white-space: pre; /* IE only hack to re-specify in addition to 
    word-wrap */ 
    } 
+0

Merci pour votre réponse. Cela fonctionne dans Firefox mais pas IE. La div ne montrera pas une nouvelle ligne ou retour chariot lorsque vous appuyez sur Entrée dans la zone textarea. – seeker7805

+0

@ seeker7805: quelle version d'IE utilisez-vous? –

+0

Salut Nikhill: J'utilise IE 8. Cordialement, seeker7805 – seeker7805