Zeilenumbruch bei onClick

[Dolphinscry]

Hallo!
Ich habe hier ein Javascript <a href="javascript://"
onclick="ChangeTxt('bla bla und bla bla)">Text</a><br>
und ich möchte zwischen den verschiedenen Worten des Textes Zeilenumbrüche. Kann mir jemand helfen?

 

[Fabian H]

onclick="ChangeTxt('bla bla\nund\nbla bla);"

\n ist das escape für den Zeilenumbruch (ASCII Wert 10);

 

[Dolphinscry]

geht nicht....

 

[infowilli]

wie jetzt?

Hi,

wie sieht denn deine function ChangeTxt(sText) aus?

und wie oder wo soll der Text erscheinen?

mfg
infowilli

 

[Dolphinscry]

function ChangeTxt(txt) {
    if(document.getElementById){
        document.getElementById('lyr1').innerHTML = txt;

        }

}

Ich hab so verschiedene Unterpunkte und wenn man auf einen klickt soll der Text dazu unter all diesen Punkten erscheinen.

 

[infowilli]

Hi

gib deinem Tag zwischen dem der Text ausgetauscht werden soll eine id.
So z.B.:
<span id="lyr1">text</span>

und lass das am besten mit dem innerHTML (geht leider nur im Internet Explorer)
benutze lieber firstChild.nodeValue.

Die Überprüfung kannst du rauslassen.


function ChangeTxt(txt) {
document.getElementById('lyr1').firstChild.nodeValue = txt;
}

Wenn du es abtippst, achte bitte auf die Gross- und Kleinschreibung. Da die Interpreter da pingelig sind

Wenn du trotzdem lieber das innerHtml benutzt, dann füge für jeden Zeilumbruch als Übergabeparameter einfach ein "<br>" ein.


mfg
infowilli

 

[Fabian H]

und lass das am besten mit dem innerHTML (geht leider nur im Internet Explorer)

Quatsch!

geht nicht....

Geht`s vielleicht noch ein bisschen ungenauer?

Ich bin davon ausgegangen, dass du den Text in einer Textarea änderst.
Ansonsten musst du halt einen ganz normalen HTML-Zeilenumbruch, wie man
ihn ganz am Anfang kennen lernt, einbauen...

onclick="ChangeTxt('bla bla<br />\nund<br />\nbla bla);"

 

[Dolphinscry]

Ich glaube, ich werde mir ein neues Skript suchen müssen. Weder das mit der function funktioniert, noch die Zeilenbrüche (er macht einfach keine Zeilenbrüche rein, sondern schreibt alles hintereinander, wie vorher...). Aber trotzdem VIELEN VIELEN DANK!

 

[Fabian H]

Weder das mit der function funktioniert, noch die Zeilenbrüche (er macht einfach keine Zeilenbrüche rein, sondern schreibt alles hintereinander, wie vorher...)

Naja, das folgende Script funktioniert bei mir jedenfalls (getestet im IE und
Mozilla)

<script type="text/javascript">

function changeText(a_sText)
{
    window.document.getElementById('DynDiv').innerHTML = a_sText;
}

</script>

<input type="button" onclick="changeText('text');"
       value="Ohne Zeilenumbruch" />
<br />
<input type="button" onclick="changeText('text<br />\ntext');"
       value="Mit Zeilenumbruch" />

<br />
<br />

<div id="DynDiv">
  alter Text
</div>

 

[bertramski]

firstChild.nodeValue
und
innerHTML
macht den Unterschied.
Der Eintrag ist zwar schon uralt hatte mir aber gerade beim selbigen Problem geholfen.