html in java script ?

[smoOve]

ICh habe ein Script modifiziert welches besipielsweise auf dem Gulliboard zu sehen ist. Wenn man auf den Spoiler Button klickt öffnet sich ein kleiner Bereich unterhalb des Buttons in dem dann ein Text steht, in diesem Falle 'TEXT' ... Ich habe den Button durch ein a href ersetzt weil es besser vom design in meine Page passt. So nun zu der Frage ich hätte die Überschrift gerne in Fett dargestellt und nicht in normal!!! Wie bekomme ich das hin ? Wie kann ich html codes in eine java ausgabe bekommen? oder gibt es andere lösungsvorschläge? vielen dank im vorraus! :confused::confused:

Es geht um folgendes Script :

<div align="center"><table width="90%">

<tr>

<td>

<div class="tabletitle">

<a href="#" onclick="

if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')

{

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';

this.innerText = '- Überschrift';

}

else

{

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';

this.innerText = '+ Überschrift;

}"/>+ Überschrift</a>

</div>

<div class="inposttable"><normalfont>

<div style="display: none;">

<table>

<tr>

<td width="6"> </td>

<td>TEXT</td>

</tr>

</table><br>

</div>

</div>

</tr></td><tr></table>

[ZuVieL]

das ist ja der absolute müll...

meinst du sowas?

<script>

    function showDiv(div) {

        if(document.getElementById(div).style.display == "block") {

        	document.getElementById(div).style.display = "none";

        }

        else {

        	document.getElementById(div).style.display = "block";

        }

    }

</script>


<a href="#" onClick="showDiv('div1');">Hier klicken</a>


<div id="div1" style="display:none;border:1px solid black;">hier alles rein</div>

[smoOve]

ja genau so meinte ich es ... So kann man wenigstens die überschrift mit ganz normale html tags bearbeiten :D:D

Kann ich das script irgendwie so umschreiben das ich mehrere davon untereinander bauen aknn ??? weil momentan wenn ich ich zwei untereinander mache und auf eins der beiden klicke öffnet oder schliesst sich immer nur das obere div ... is soweit auch klar, weil ja fer name des scripts identisch ist... wäre es möglich das es so umzubauen das mehrere unterneander verschgiedene divs öffnen?

schonma vielen dank das teil kann ich so schonmal gut gebrauchen :uli

[ZuVieL]

also, erstmal logisch denken?!

<script>

    function showDiv(div) {

        if(document.getElementById(div).style.display == "block") {

        	document.getElementById(div).style.display = "none";

        }

        else {

        	document.getElementById(div).style.display = "block";

        }

    }

</script>


<a href="#" onClick="showDiv('div1');">Hier klicken</a>


<div id="div1" style="display:none;border:1px solid black;">hier alles rein</div>


<a href="#" onClick="showDiv('div2');">Hier klicken</a>


<div id="div2" style="display:none;border:1px solid black;">hier alles rein 2</div>


...

also du gibst jedem div eine id wie in diesem fall zB div1, div2,

dort wo du die funktion aufrust (<a href="#" onClick="showDiv('div1');">Hier klicken</a>)

gibst du ihm die, welche du vorher für den layer festgelegt hast, so das die funktion weiss welchen layer er ansprechen soll?! logisch oder?

[smoOve]

jaja das ist aber sehr umständlich deswegen habe ich gedacht es geht so ähnlich wie in meinem geposteten script ... da es offensichtlich nicht so easy sein wird wie ich mir das vorstelle werde ich wohl oder übel jedes div einzeln benennen ...

Vielen Dank schonaml an alle Beteiligten!!! :uli