x BoooM x (21.09.2015)
-
21.09.2015, 14:46 #1
HTML - Am Ende einer Zeile scrollen?
Hey,
Code:<input type="text" required="" maxlength="160" data-ng-focus="showTitleCounter=true" data-ng-model="form.f.title" name="fSuggestEditQuestion[title]" id="question_suggest_edit_title" class="Form-input Form-input__text ng-pristine ng-valid ng-valid-required">
-
21.09.2015, 14:58 #2
- Registriert seit
- 15.11.2011
- Beiträge
- 6.408
- Blog Entries
- 5
Thanked 9.168 Times in 3.038 PostsAW: HTML - Am Ende einer Zeile scrollen?
Dafür brauchst du eine Textarea:
HTML-Code:<textarea rows="4">Ein sehr langer Text, der nicht in einer Zeile dargestellt werden kann.</textarea>
-
The Following User Says Thank You to DMW007 For This Useful Post:
-
22.09.2015, 12:10 #3
AW: HTML - Am Ende einer Zeile scrollen?
Klappt leider nicht so, wie ich mir das vorstelle.
Ich habe hier eine Zeile auf einer Webseite wo ich schreiben kann:
Wenn ich mit Firebug den Code anzeigen lassen, habe ich diesen, ich kann da verschiedene Dinge kopieren.
HTML:
Code:<input type="text" required="" maxlength="160" data-ng-focus="showTitleCounter=true" data-ng-model="form.f.title" name="fSuggestEditQuestion[title]" id="question_suggest_edit_title" class="Form-input Form-input__text ng-dirty ng-invalid ng-invalid-required">
Code:html.js.canvas.canvastext.no-touch.cssanimations.csscolumns.csstransforms.csstransforms3d.csstransitions.generatedcontent.video.localstorage.svg.filereader.performance body.ng-scope div#wrapper div#page.ng-scope div#main div#content div.Block.Block__secondary div.Block-body div form#qse-form.Form.QuestionSuggestEditForm.ng-scope.ng-dirty.ng-invalid.ng-invalid-required div.Form-item input#question_suggest_edit_title.Form-input.Form-input__text.ng-dirty.ng-invalid.ng-invalid-required
Kann ich da irgendwas dran ändern, dass das geht?Geändert von x BoooM x (22.09.2015 um 12:10 Uhr)
-
22.09.2015, 13:33 #4
- Registriert seit
- 15.11.2011
- Beiträge
- 6.408
- Blog Entries
- 5
Thanked 9.168 Times in 3.038 PostsAW: HTML - Am Ende einer Zeile scrollen?
Achso du willst etwas manipulieren. Mit reinem CSS kannst du die Zeile lediglich länger machen. Dafür brauchst du in dem Fall auch keinen 5 Seiten langen Selektor, es reicht die Id des Textfeldes:
#question_suggest_edit_title {
width: 500px;
}
Um sie breiter zu machen führt kein Weg an einer Textarea vorbei. Du könntest mit JavaScript den DOM manipulieren:
jQuery(function() {
var newInput = jQuery('<textarea />')
.data('ng-focus', 'showTitleCounter=true')
.data('ng-model', 'form.f.title')
.attr('id', 'question_suggest_edit_title')
.addClass('Form-input Form-input__text ng-dirty ng-invalid ng-invalid-required');
var oldInput = jQuery('#question_suggest_edit_title');
oldInput.replaceWith(newInput);
});
Beispiel: http://jsfiddle.net/hy3myfmo/
Der Code erzeugt eine Textarea, setzt ihr die gleichen Attribute wie deinem Input-Textfeld und ersetzt es mit dem Textfeld. Mittels CSS kannst du die Breite und Höhe der Textarea bestimmen. Oder alternativ über das rows-Attribut die Anzahl der Zeilen festlegen. Damit das funktioniert, muss auf der Seite jQuery eingebunden sein. Ist ein bekanntes und verbreitetes Framework. Falls nicht, musst du schauen, wie du mit Stylish eine JavaScript-Datei einbinden kannst:
HTML-Code:<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js">
Ähnliche Themen
-
U-IMG scrollen bis ins Unendliche möglich
Von Devon im Forum SupportAntworten: 6Letzter Beitrag: 22.10.2013, 21:16 -
[SQL] Jede zweite Zeile ausgeben !
Von Saad im Forum AndereAntworten: 3Letzter Beitrag: 13.09.2013, 11:21 -
Hyperlink einer HTML Datei?
Von x BoooM x im Forum HTMLAntworten: 2Letzter Beitrag: 08.11.2012, 17:49 -
[eBook] HTML Seminar - HTML für erfolgsorientierte
Von DMW007 im Forum eBooksAntworten: 0Letzter Beitrag: 14.10.2012, 20:07 -
VB.Net Captcha aus Quelltext Zeile auslesen
Von rVs14 im Forum .NetAntworten: 9Letzter Beitrag: 06.04.2012, 21:31
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.