• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Hintergrundbild in textarea soll mitscrollen

oconner

New member
Hallo,

ich möchte in einem Textarea Zeilenummerierung haben und hab daher an den Linken Rand dieses Bild.

http://www.pixel-speicher.de/images/upload/08_07/bGluZV9udW1iZXJzX2ZvY3VzLmdpZg==_8082116.gif

Nun ist das Problem das nach der Zeile wo das Ende des Textares ist der hintergrund nicht mitscrollt.

Ich schätze mit html oder css kann ich da wahrscheinlich nixmehr erreichen. Aber es gibt sicher eine möglichkeit das mit js umzusetzen oder?

Wenn ja dann wäre ich um eine möglichkeit dankbar.
 
Ich glaube, Ich weiß was du meinst.

Ich denke es könnte funktionieren wenn du ein scrollbares div machst, das etwas breiter ist als deine Textarea - dort gibst du dann das Bild rein mit float left (nicht als Hintergrund, sondern als img).
Rechts neben dem Bild deine Textarea (ebenfalls im Div) welche länger ist als das Div in dem es drinnen ist -> Scrollbares div
Das Bild + Textarea und scrollen mit wenn du das Div scrollst.
 
@jeko du musst die Grafik vergrößeren. Dann weist du glaube ich was ich meine.

@bubu-der-uhu ich weis ungefair wie du das meinst, aber dann mueeste ich das Textarea in dem div doch so lang machen wie meine Zeilenummern, oder?
 
Seltsam. Ich habe das hier mal zusammengebastelt, aber es funktioniert nur im Konqueror.
Ist halt der beste Browser wo gibt... :)
PHP:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="de">
<head>
<title>xxx</title>
<style type="text/css">
/*<![CDATA[*/
#eingabe{width:400px;height:300px;overflow:auto;background:url(mitscroll.gif) no-repeat scroll;padding-left:30px;}
/*]]>*/
</style>
</head>
<body>
<div id="eingabe">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
</div>
</body>
</html>
Das hier kannst Du Dir auch mal anschauen. Vielleicht bringt's Dir was:
http://forum.jswelt.de/css-und-x-html/26523-line-nummer-neben-codebox.html?highlight=zeilen
 
Zurück
Oben