Diese Website wird vorübergehend in einer einfachen Ansicht angezeigt.
Textfeld mit veränderbarer Größe - Mario & Luigis wunderbare Welt
Desktop-Version | Mobile Version
Deutsch | English
Navigation
Startseite
Charaktere
Spiele
Konsolen
Nintendo
Javascripts
Webdesign
Links
Pagerank
Awards
Newsarchiv
Gästebuch
Impressum
Anzeige
Waluigis HomepageSuper Marios Cousin hat seine eigene, inoffizielle Webseite, wo er sich vorstellt und von sich erzählt. Besuche jetzt Waluigis Webseite und erfahre alles über Waluigi.Seite besuchen
Anzeige
NintendoNintendo gilt zu den welweit größten Firmen in Sachen Spiele- und Konsolenherstellung. Besuche die offizielle Webseite, um immer auf dem Laufenden zu bleiben.Seite besuchen
BoxtitelAchtung: In deinem Browser ist Javascript deaktiviert! Aus diesem Grund kann die Desktop-Version der Seite nur mit festen Breiten angezeigt werden. 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>
Feiertage
Zum Anzeigen der Feiertage muss Javascript im Browser aktiviert sein.
Tools
Zum Verwenden der Seitentools muss Javascript im Browser aktiviert sein.
Toplisten
LINKS2000.DE Webkatalog & Handy Fun
Top18
top18.de
Besucher
Zum Anzeigen der Besucherzahlen muss Javascript im Browser aktiviert sein.
Copyright Valentin Hammer
Zuletzt geändert am 6. Januar 2020