Yshopnoosa.com

Hur man gör en textruta som kan expandera

När du skapar en textruta på webbsidan kan ge du ett utrymme där en användare kan mata in sitt eget innehåll. Medan du kan ställa in en textruta till öppna på en specifik storlek, kan användaren in mer text än passar i det utrymme som du har givit så att några av texten inte syns. Men om du gör en text som kan expandera, kan användaren dra dess nedre hörnet så att all text syns på en gång.

Instruktioner

1 Logga in på din webbserver och välj HTML-sidan där du vill placera textrutan som kan expandera.

2 Klicka inuti < head >-avsnitt i din sida och infoga denna kod:

< script language = "JavaScript" src="/js/textarea-resizer.js" >< / script >

3 Skriv in denna kod på nästa rad:

window.onLoad = function() {textareaResizer.addToAll();}

4 Klicka i avsnittet < body > på sidan och infoga denna kod:

< style type = "text/css" >

.TextArea-handtag {

höjd: 5px;

Visa: blockera;

bredd: 450px;

bakgrund: #C5C5C5;

background-image: URL('http://www.mollerus.net/images/grab-handle.gif');

bakgrund-repeat: Upprepa inte;

bakgrund-position: 50% 50%;

}

< / stil >

5 Publicera sidan.