php.de

Zurück   php.de > Lösungen durch Skripte > Scriptbörse
Textarea mit scrollender Nummerierung / Editor Scriptangebot Textarea mit scrollender Nummerierung / Editor
Wiki Registrieren Grundlagen Suchen Heutige Beiträge Alle Foren als gelesen markieren

Scriptbörse PHP Lösungen für nen schmalen Taler

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 31.07.2011, 19:52  
tommylee
Gast
 
Beiträge: n/a
Standard Textarea mit scrollender Nummerierung / Editor
Hallo...,

nach langen probieren und testen im IE 6-9 + FF 3.5-5 habe ich eine eventuell für den einen oder anderen interessante Lösung wie ich mit 2 Textareas eine laufende Nummerierung mit Scrollfunktion erreichen kann...eingesetzt habe ich das ganze für einen Editor welcher in einen Web-Ftp-programm eingesetzt wird.....noch nicht ganz perfekt (im FF "flackert" die nummerierte Area wenn ich in einer Zeile Zeichen lösche oder hinzufüge)...vieleicht kommt jemand da auf eine Idee...
den Code in eine .html-Datei einfügen und probieren...

Code:
<html>
<head>
<title>Test</title>
<script type="text/javascript">

function count()
{
 var num_length = document.getElementById('nummerarea').value.split('\n').length+1;
 var area=document.getElementById('area').value.split('\n').length;
 var num=area+'\n'; 

if(num_length<area)
{
var countrows='';
var zerofill;
for(i=1;i<=area;i++)
{
if(i<=9)
{
zerofill='000';
}
if(i>=10)
{
zerofill='00';
}
if(i>=100)
{
zerofill='0';
}
if(i>=1000)
{
zerofill='';
}
 countrows += zerofill+i + ':\n';
}
 document.getElementById('nummerarea').value = countrows;                     
}

else if(num_length>area)
{
var countrowsdown='';
for(i=1;i<=area;i++)
{
if(i<=9)
{
zerofill='000';
}
if(i>=10)
{
zerofill='00';
}
if(i>=100)
{
zerofill='0';
}
if(i>=1000)
{
zerofill='';
}
countrowsdown += zerofill+i + ':\n';
}
 document.getElementById('nummerarea').value = countrowsdown;
}

else
{
 document.getElementById('nummerarea').innerHTML =num;
}
}


function startcount()
{
var arealength = document.getElementById('area').value.split('\n').length;
var counter='';

for(i = 1;i<=arealength;i++)
{
if(i<=9)
{
zerofill='000';
}
if(i>=10)
{
zerofill='00';
}
if(i>=100)
{
zerofill='0';
}
if(i>=1000)
{
zerofill='';
}
counter += zerofill+i + ':\n';
}
document.getElementById('nummerarea').value =counter;
document.getElementById('area').scrollTo = 0;
}


function scroll() 
{
document.getElementById('nummerarea').scrollTop = document.getElementById('area').scrollTop;
}

</script>
<style type="text/css">
<!--

#nummerarea  {
overflow:hidden;
width:4em;
height:100%;
font-family:Verdana;
font-size:12px;
line-height : 14px;
border-right-width:0;
border-top-width:1px ;
border-left-width:1px;
border-bottom-width:1px;
border-color:red;
text-align:center;
float:left;
margin-left:10%;
}

.disabled
{
color:rgb(255,251,190);
background-color:gray; 
}

#area {
height:100%;
width :75%;
font-family : Verdana;
font-size : 12px;
line-height : 14px;
border-width:1px;
border-color:green;
background-color:rgb(255,251,190);
}
.edit
{
width : 100%;
margin:1em auto;
height : 70%;
position:absolute;
}
-->
</style>
</head>
<body onload="startcount();">
<div class="edit">
<textarea id="nummerarea" disabled class="disabled"></textarea>
<textarea wrap="off" id="area" onscroll="scroll();" onkeyup="count(),scroll();" onkeypress="count();"></textarea>             
</div>
</body>
</html>
Hinweise Willkomen !

Viel Spass !
Geändert von tommylee (01.08.2011 um 20:32 Uhr). Grund: Code geändert
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 08.08.2011, 14:32  
tommylee
Gast
 
Beiträge: n/a
Standard Script verbessert
Hallo..,

habe das Script überarbeitet, funzt jetzt problemlos im FF + IE ...

Code:
<html>
<head>
<title>Test</title>
<script type="text/javascript">

function count()
{
 var num_length = document.getElementById('nummerarea').value.split('\n').length+1;
 var area=document.getElementById('area').value.split('\n').length;
 var num=area+'\n'; 

if(num_length<area)
{
var countrows='';
var zerofill;
for(i=1;i<=area;i++)
{
if(i<=9)
{
zerofill='000';
}
if(i>=10)
{
zerofill='00';
}
if(i>=100)
{
zerofill='0';
}
if(i>=1000)
{
zerofill='';
}
 countrows += zerofill+i + ':\n';
}
 document.getElementById('nummerarea').value = countrows;                     
}

else if(num_length>area)
{
var countrowsdown='';
for(i=1;i<=area;i++)
{
if(i<=9)
{
zerofill='000';
}
if(i>=10)
{
zerofill='00';
}
if(i>=100)
{
zerofill='0';
}
if(i>=1000)
{
zerofill='';
}
countrowsdown += zerofill+i + ':\n';
}
 document.getElementById('nummerarea').value = countrowsdown;
}
}


function startcount()
{
var arealength = document.getElementById('area').value.split('\n').length;
var counter='';

for(i = 1;i<=arealength;i++)
{
if(i<=9)
{
zerofill='000';
}
if(i>=10)
{
zerofill='00';
}
if(i>=100)
{
zerofill='0';
}
if(i>=1000)
{
zerofill='';
}
counter += zerofill+i + ':\n';
}
document.getElementById('nummerarea').value =counter;

}


function scroll() 
{
document.getElementById('nummerarea').scrollTop = document.getElementById('area').scrollTop;
}

</script>
<style type="text/css">
<!--

#nummerarea  {
overflow:hidden;
width:4em;
height:100%;
font-family:Verdana;
font-size:12px;
line-height : 14px;
border-right-width:0;
border-top-width:1px ;
border-left-width:1px;
border-bottom-width:1px;
border-color:red;
text-align:center;
float:left;
margin-left:10%;
}

.disabled
{
color:rgb(255,251,190);
background-color:gray; 
}

#area {
height:100%;
width :75%;
font-family : Verdana;
font-size : 12px;
line-height : 14px;
border-width:1px;
border-color:green;
}
.edit
{
width : 100%;
height : 30%;
position:absolute;
}
.edittest
{
width : 100%;
margin-top:20em;
height : 40%;
position:absolute;
border:2px green solid;
}
-->
</style>
</head>
<body onload="startcount();">
<div class="edit">
<textarea id="nummerarea" disabled class="disabled"></textarea>
<textarea wrap="off" id="area" onscroll="scroll();" onkeyup="count(),scroll();" onkeypress="count(),scroll();"></textarea>             
</div>
<div class="edittest">
<textarea id="numarea" disabled class="disabled"></textarea>
<textarea wrap="off" id="mainarea">
</div>
</body>
</html>
Gruß
  Mit Zitat antworten
Antwort

« kontaktform mit dateianhang,captcha und mail mit dateianhang | App für Facebook »

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit textarea nach Bildupload ColeThornten PHP Einsteiger 14 28.12.2010 15:14
Welchen Editor benutzt ihr? Ambience Off-Topic Diskussionen 100 14.08.2010 21:17
Textarea direkt als Array vordefinieren - Textarea für Listeneintrag vordefinieren? UdoDirk PHP Tipps 2010 5 29.07.2010 13:28
[Erledigt] Zeilenumbruch in Textarea vordefinieren? - Vor Ausgabe einfügen? UdoDirk PHP Tipps 2010 2 22.07.2010 15:33
WYSIWYG Editor ByStones PHP Tipps 2010 7 23.05.2010 10:39
[Erledigt] TinyMCE Editor nur für eine Textarea Lollix JavaScript, Ajax und mehr 2 18.02.2010 12:02
Textarea per Maus vergrössern Marti95. JavaScript, Ajax und mehr 1 08.10.2009 16:14
[Erledigt] WYSIWYG Editor, HTML interpretieren Aurec PHP Tipps 2009 2 24.01.2009 14:41
Datei einlesen und mit Editor bearbeiten - Problem perpicx PHP Tipps 2008 11 18.09.2008 15:33
Textarea Feld dynamisch vergrößern und verkleinern? php_frage HTML, Usability und Barrierefreiheit 5 25.04.2006 08:42
Textarea ... Tschuu HTML, Usability und Barrierefreiheit 2 03.01.2005 14:13
[Erledigt] Probleme beim ausrichten von Textarea &amp; Button HTML, Usability und Barrierefreiheit 2 27.07.2004 14:17
Problem mit editor coden HTML, Usability und Barrierefreiheit 1 29.06.2004 14:38

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
document.getelementbyid().value count lines, textarea nummerierungen anzeigen html, textarea counter, textarea scrollbar disable, textarea editor, textarea scrolltop and onscroll, textarea nummerieren

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:27 Uhr.

php.de - Das deutsche PHP-Forum - Kontakt - Impressum - Forenregeln - Archiv - Nach oben



Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum