ilch Forum » Allgemein » HTML, PHP, SQL,... » Klapptext

Geschlossen
  1. Sa. 16.12.2006 19:49 Uhr #1
    User Pic
    apronoobi Mitglied
    Registriert seit
    07.02.2006
    Beiträge
    142
    Beitragswertungen
    0 Beitragspunkte
    Verdammt, ich denke die Java freaks werdn das lächerlich finden, aber ich habe hier folgenden code für einen Klapptext gefunden und will ihn aber mehrmals verwenden ... 

    <script type="text/javascript">
function Klappen(Id) {
var KlappText = document.getElementById('Lay'+Id);
var KlappBild = document.getElementById('Pic'+Id);
var jetec_Minus="inhalt/codeschnipsel/minus.gif", jetec_Plus="inhalt/codeschnipsel/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = jetec_Minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = jetec_Plus;
}}
</script>
<a href="javascript:Klappen(1)"><img src="http://www.computerhilfen.de/bilder/icon/foto.jpg" alt="aus/ein-klappen" name="Pic1" border=0 id="Pic1"></a>
<div id="Lay1" style="display: none;">
Hier der Text den man aus/ein-klappen kann.
<br>Natürlich auch Grafiken oder alles andere.
</div>


    Kann mir jmd evtl weiterhelfen ??
    Mehr als 2 mal schütteln ist Selbstbefriedigung zunge
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 16.12.2006 20:29 Uhr #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ja einfach die 1 in eine andere Zahl ändern zwinker also Klappen(n) id="Picn" und id="Layn"
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. Sa. 16.12.2006 20:33 Uhr #3
    User Pic
    apronoobi Mitglied
    Registriert seit
    07.02.2006
    Beiträge
    142
    Beitragswertungen
    0 Beitragspunkte
    haee bei picn und layn is doch garkeine Zahl ?? T.T kannsde bitte mal den code mit ner anderen Zahl posten ?? Bin zu dumm dafür sry -.-
    Mehr als 2 mal schütteln ist Selbstbefriedigung zunge
    0 Mitglieder finden den Beitrag gut.
  4. Sa. 16.12.2006 20:51 Uhr #4
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Doch das ist ne Zahl in dem Bsp. von dir jeweils die 1, das ist kein l.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  5. Sa. 16.12.2006 21:00 Uhr #5
    User Pic
    apronoobi Mitglied
    Registriert seit
    07.02.2006
    Beiträge
    142
    Beitragswertungen
    0 Beitragspunkte
    achso also muss dann da anstatt 

    function Klappen(Id) {


    dashier stehn 

    function Klappen(2d) {


    oderwas ??

    EDIT: Klappt nich und ne 1 sieht da auch anders aus als das Id ... ich glaub man muss die zahln bei 
    <a href="javascript:Klappen(1)">


    ändern oder ?


    Zuletzt modifiziert von apronoobi am 16.12.2006 - 21:03:17
    Mehr als 2 mal schütteln ist Selbstbefriedigung zunge
    0 Mitglieder finden den Beitrag gut.
  6. Sa. 16.12.2006 21:21 Uhr #6
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    alt="aus/ein-klappen" name="Pic1" border=0 id="Pic1"></a>
    <div id="Lay1" style="display: none;">

    ich glaub die meint er

    und was in <script> steht, hat soweit ich weiß keine auswirkungen auf das ganze
    0 Mitglieder finden den Beitrag gut.
  7. Sa. 16.12.2006 21:42 Uhr #7
    User Pic
    apronoobi Mitglied
    Registriert seit
    07.02.2006
    Beiträge
    142
    Beitragswertungen
    0 Beitragspunkte
    mhh, das Problem ist, Ich will in den "klapptext" Rollover Buttons einbauen und ich blicke vor lauter Name und id nichmehr durch ... Und dann ist das hald noch 3mal hintereinander ... 

    <script type="text/javascript">
function Klappen(Id) {
var KlappText = document.getElementById('Lay'+Id);
var KlappBild = document.getElementById('Pic'+Id);
var jetec_Minus="inhalt/codeschnipsel/minus.gif", jetec_Plus="inhalt/codeschnipsel/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = jetec_Minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = jetec_Plus;
}}
              </script>
                <a href="javascript:Klappen(1)" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','Bilder/index_over_16.gif',1)"><img src="Bilder/index_16.gif" alt="aus/ein-klappen" name="Image16" width="154" height="69" border="0" id="Pic1" /></a>                    </p>
                <div id="Lay1" style="display: none;">
	
	<!--HOVER_BILDER_IM_KLAPPTEXT_ANFANG -->

<a href="/games.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','Bilder/index_over_21.gif',1)"><img src="Bilder/index_21.gif" alt="GAMES" name="Image14" width="154" height="38" border="0" align="top" id="Image14" /></a>
<a href="/software.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','Bilder/index_over_22.gif',1)"><img src="Bilder/index_22.gif" alt="SOFTWARE" name="Image15" width="154" height="37" border="0" id="Image15" /></a>
<a href="/hardware.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','Bilder/index_over_23.gif',1)"><img src="Bilder/index_23.gif" alt="HARDWARE" name="Image17" width="154" height="45" border="0" id="Image17" /></a>

     <!--HOVER_BILDER_IM_KLAPPTEXT_ENDE -->
</div>
                <a href="javascript:Klappen(1)" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','Bilder/index_over_16.gif',1)"><img src="Bilder/index_17.gif" alt="aus/ein-klappen" name="Image61" width="154" height="71" border="0" id="Pic2" /></a></td>
                </tr>
                <tr>
                  <td valign="top">
				  
<script type="text/javascript">
function Klappen(Id) {
var KlappText = document.getElementById('Lay'+Id);
var KlappBild = document.getElementById('Pic'+Id);
var jetec_Minus="inhalt/codeschnipsel/minus.gif", jetec_Plus="inhalt/codeschnipsel/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = jetec_Minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = jetec_Plus;
}}
              </script>
</p>
                <div id="Lay2" style="display: none;">
	
	<!--HOVER_BILDER_IM_KLAPPTEXT_ANFANG -->

<a href="/games.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','Bilder/index_over_21.gif',2)"><img src="Bilder/index_21.gif" alt="GAMES" name="Image14" width="154" height="38" border="0" align="top" id="Image14" /></a>
<a href="/software.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','Bilder/index_over_22.gif',2)"><img src="Bilder/index_22.gif" alt="SOFTWARE" name="Image15" width="154" height="37" border="0" id="Image15" /></a>
<a href="/hardware.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','Bilder/index_over_23.gif',2)"><img src="Bilder/index_23.gif" alt="HARDWARE" name="Image17" width="154" height="45" border="0" id="Image17" /></a>

     <!--HOVER_BILDER_IM_KLAPPTEXT_ENDE -->
</div></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="19" align="left" valign="top" background="Bilder/index_20.gif">
			  
			  <script type="text/javascript">
function Klappen(Id) {
var KlappText = document.getElementById('Lay'+Id);
var KlappBild = document.getElementById('Pic'+Id);
var jetec_Minus="inhalt/codeschnipsel/minus.gif", jetec_Plus="inhalt/codeschnipsel/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = jetec_Minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = jetec_Plus;
}}
              </script>
                <a href="javascript:Klappen(1)" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','Bilder/index_over_16.gif',1)"><img src="Bilder/index_19.gif" alt="Naus/ein-klappen" name="Image242" width="154" height="61" border="0" id="Image242" /></a>                    </p>
                <div id="Lay1" style="display: none;">
	
	<!--HOVER_BILDER_IM_KLAPPTEXT_ANFANG -->

<a href="/games.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','Bilder/index_over_21.gif',1)"><img src="Bilder/index_21.gif" alt="GAMES" name="Image14" width="154" height="38" border="0" align="top" id="Image14" /></a>
<a href="/software.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','Bilder/index_over_22.gif',1)"><img src="Bilder/index_22.gif" alt="SOFTWARE" name="Image15" width="154" height="37" border="0" id="Image15" /></a>
<a href="/hardware.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','Bilder/index_over_23.gif',1)"><img src="Bilder/index_23.gif" alt="HARDWARE" name="Image17" width="154" height="45" border="0" id="Image17" /></a>

     <!--HOVER_BILDER_IM_KLAPPTEXT_ENDE -->
</div>


    Das wäre mein code :/
    Mehr als 2 mal schütteln ist Selbstbefriedigung zunge
    0 Mitglieder finden den Beitrag gut.
  8. Sa. 16.12.2006 22:06 Uhr #8
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ich weiß nicht ob du das kombinieren kannst, da die Bilder vom Mouseover eine id haben und vom Klappmodul eine andere.

    Der Javascriptcode, also zwischen <script> und </script> muss nur einmal da stehen, und jetzt nochmal was du ändern müsstest.

    <a href="javascript:Klappen(1)"><img src="http://www.computerhilfen.de/bilder/icon/foto.jpg" alt="aus/ein-klappen" name="Pic1" border=0 id="Pic1"></a>
    <div id="Lay1" style="display: none;">
    Hier der Text den man aus/ein-klappen kann.
    <br>Natürlich auch Grafiken oder alles andere.
    </div>
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  9. So. 17.12.2006 11:00 Uhr #9
    User Pic
    apronoobi Mitglied
    Registriert seit
    07.02.2006
    Beiträge
    142
    Beitragswertungen
    0 Beitragspunkte
    Ok, danke Mairu, ich hab alsich den code nur einmal angewendet habe auch alle images mit rollover versehen, ich werd mal guckn ob ich das hinkrieg, danke

    EDIT: Mhhh jamjam funktioniert prächtig, vielen dank glücklich ne Frage hab ich aber trozzdem noch ^^ beim IE will er unbedingt das Minus Bild anzeigen, das Plus und minus zeug brauch ich aber garnich, und nur die aktuelle Zeile mit Jetics Plus usw löschen hilft nur Bedingt weiter


    Zuletzt modifiziert von apronoobi am 17.12.2006 - 13:07:20
    Mehr als 2 mal schütteln ist Selbstbefriedigung zunge
    0 Mitglieder finden den Beitrag gut.
  10. Sa. 17.04.2010 20:35 Uhr #10
    User Pic
    MonMon Mitglied
    Registriert seit
    05.08.2009
    Beiträge
    116
    Beitragswertungen
    0 Beitragspunkte
    wie macht man das wenn man mehre K Texte das die Bilder/Texte zum aufklappen neben ein ander sind
    The Fun Warriors
    0 Mitglieder finden den Beitrag gut.
  11. Mo. 19.04.2010 10:35 Uhr #11
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    dann mach um beider ein neues div mit float:left;
    weitere css infos bekommst du hier externer Link
    sehr gut erklärt.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. So. 25.04.2010 20:38 Uhr #12
    User Pic
    MonMon Mitglied
    Registriert seit
    05.08.2009
    Beiträge
    116
    Beitragswertungen
    0 Beitragspunkte
    so das habe ich hinbekommen aber nun habe ich noch ne frage

    kann man das machen wenn ich auf die seite komme das der 1. K-Text offen ist
    und wenn ich dann auf dehn 2. klicker sich der 2. öfnet aber der 1. schlißt
    ???
    The Fun Warriors
    0 Mitglieder finden den Beitrag gut.
  13. So. 25.04.2010 20:59 Uhr #13
    User Pic
    MonMon Mitglied
    Registriert seit
    05.08.2009
    Beiträge
    116
    Beitragswertungen
    0 Beitragspunkte
    so das habe ich hinbekommen aber nun habe ich noch ne frage

    kann man das machen wenn ich auf die seite komme das der 1. K-Text offen ist
    und wenn ich dann auf dehn 2. klicker sich der 2. öfnet aber der 1. schlißt
    ???
    The Fun Warriors
    0 Mitglieder finden den Beitrag gut.
  14. Mo. 26.04.2010 11:54 Uhr #14
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    also möglich ist es, das immer die das neuste fenster aufgeklappt ist. aber wie das geht weiß ich jetzt nicht. aber geh mal auf www.je0.de und lad dir das newsscript runter. dort ist es nämlich so das immer die neueste news aufgeklappt ist und die anderen zu.
    dann kannst du dir anschauen wir das dort gemacht wurde. ich geh aber davon aus das es eine weitere datenbankabfrage ist...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten