Mario & Luigis wunderbare Welt

Textfeld mit veränderbarer Größe (m) - Mario & Luigis wunderbare Welt
















Mario & Luigis wunderbare Welt
Startseite |
Charaktere |
Spiele |
Konsolen |
Nintendo |
Javascripts |
Webdesign |
Links |
Pagerank |
Awards |
Newsarchiv |
Gästebuch |
Impressum
Desktop-Version | Mobile Version
 Textfeld mit veränderbarer Größe
Beschreibung
Mit diesem Javascript kann man mehrere Textfelder erstellen, bei denen man mit gedrückter Maustaste die Größe verändern kann. Als Bezugspunkt zum Größe ändern werden hier drei Schrägstriche rechts unter dem Textfeld verwendet. Die Adresse für das Bild der Schrägstriche lässt sich ganz oben im Javascript einstellen. Das hier verwendete Bild gibt es unter dem Scriptcode zum Kopieren.
Ausführen: Um ein Textfeld zu erstellen, muss man einfach die Zeile von dem Ausführcode dort einfügen, wo das Textfeld dann auch erscheinen soll. Die Angaben in den () Klammern beim Ausführcode müssen danach noch angepasst werden. Die erste Angabe (hier "ein_Formular") trägt den Namen des Formulars, in dem sich der Ausführcode befinden muss. Die zweite Angabe (hier "das_Textfeld") gibt den Namen des erstellten Textfeldes an und die übrigen zwei Angaben (hier 300 und 100) die Abmessungen des Textfeldes. Alle Angaben, außer die Nummern, müssen zwischen zwei " " Anführungszeichen stehen.
Hinweis: Der Scriptcode muss über den Codes zum Ausführen stehen.
 
Technische Details
Mindestvoraussetzungen

CSS:1.0
Javascript:1.2/MS
Netscape:4.0
Internet Explorer:4.0
Firefox:1.0
Opera:7.0
Chrome:1.0
Safari:1.2
Konqueror:3.3


Verwendete intrinsische Funktionen
Methoden

Array()
if()
for()
parseInt()
unescape()
with()
write()

Eigenschaften

button
clientX
clientY
event
height
onmousemove
onselectstart
pageX
pageXOffset
pageY
pageYOffset
scrollLeft
scrollTop
style
which
width

 
Vorschau




 
Javascript einbinden
Verwendete Bilder
groesse_aendern.png
Größe ändern
142 Bytes

HTML-Code
<script type="text/javascript">
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/



/***** HIER DIE ADRESSE FÜR DAS BILD ZUM GRÖSSE VERÄNDERN EINGEBEN *****/

var Bild_Groesse_aendern51 = "http://www.homepage.eu/userdaten/7/100153747/bilder/groesse_aendern.png";
var Bild_Breite51 = 12;
var Bild_Hoehe51 = 12;

/***** AB HIER NICHTS MEHR ÄNDERN *****/



var Position51 = new Array(0,0);
var aendern51 = 0;
var Textfeld51 = null;

function neues_Textfeld51(Formular51,Textfeld51,Breite51,Hoehe51)
{
document.write(unescape('%3Ctable border="0" cellspacing="0" cellpadding="0">%3Ctr>%3Ctd>%3Ctextarea name="'+Textfeld51+'" rows="2" cols="20" style="width: '+Breite51+'px; height: '+Hoehe51+'px">%3C/textarea>%3C/td>%3C/tr>%3Ctr>%3Ctd bgcolor="#F9F9F9" align="right" onselectstart="return false">%3Cspan style="width: '+Bild_Breite51+'px; height: '+Bild_Hoehe51+'px; background-image: url('+Bild_Groesse_aendern51+'); cursor: nw-resize" onmousedown="Textfeld51 = document.'+Formular51+';if(Textfeld51){Textfeld51 = Textfeld51.'+Textfeld51+';Position51 = Mausposition51();aendern51++;document.body.onmousemove = veraendern51;document.body.onselectstart = nicht_markieren51}" onmouseup="aendern51 = 0;document.body.onselectstart = null">%3Cb>%3C/b>%3C/span>%3C/td>%3C/tr>%3C/table>'));
}

function Mausposition51(Ereignis51)
{
if(!Ereignis51)
Ereignis51 = window.event;
if(Ereignis51)
return new Array((Ereignis51.clientX ? Ereignis51.clientX:(Ereignis51.pageX ? Ereignis51.pageX:0))+(window.pageXOffset ? window.pageXOffset:(document.body.scrollLeft ? document.body.scrollLeft:0)),(Ereignis51.clientY ? Ereignis51.clientY:(Ereignis51.pageY ? Ereignis51.pageY:0))+(window.pageYOffset ? window.pageYOffset:(document.body.scrollTop ? document.body.scrollTop:0)));
}

function veraendern51(Ereignis51)
{
if(!Ereignis51)
Ereignis51 = window.event;
if(Ereignis51)
{
if(aendern51>0&&(Ereignis51.which==1||Ereignis51.button==1))
{
var aktuelle_Position51 = Mausposition51();
var Abmessung_dazu51 = new Array(0,0);

for(var i=0;i<2;i++)
Abmessung_dazu51[i] = aktuelle_Position51[i]-Position51[i];

with(Textfeld51.style)
{
Abmessung_dazu51[0] += parseInt(width);
Abmessung_dazu51[1] += parseInt(height);
}

for(var i=0;i<2;i++)
{
if(Abmessung_dazu51[i]<1)
Abmessung_dazu51[i] = 1;
else
Position51[i] = aktuelle_Position51[i];
}

with(Textfeld51.style)
{
width = Abmessung_dazu51[0]+"px";
height = Abmessung_dazu51[1]+"px";
}
}
else
{
with(document.body)
{
onmousemove = null;
onselectstart = null;
}
}
}
}

function nicht_markieren51()
{
return false;
}
//-->
</script>


Code für ein Textfeld
<script type="text/javascript">
<!--
neues_Textfeld51("ein_Formular","das_Textfeld",300,100);
//-->
</script>
 
Statistik
Zum Anzeigen der Besucherzahlen muss Javascript im Browser aktiviert sein.
Valid HTML 4.01 Transitional
CSS ist valide!
Copyright Valentin HammerZuletzt geändert am 6. Januar 2020