Du bist nicht angemeldet. [Anmelden]
Übersicht der Foren        Kalender     Hilfe   Forumsknigge
Knuddels.de-Forum » Das Forum » Archive » Hilfe & Fragen zur Knuddels-HP »

Probleme mit dem Flip-Container
Optionen
Thema bewerten
Probleme mit dem Flip-Container - #1980440 - 18.04.2010, 11:09:26
Hard EnduroGlobaler Moderator
​Knuddelsteam
(Community Management)

Registriert: 28.07.2007
Beiträge: 2.369
Heyho,
ich habe einige Probleme mit dem Flip-Container.
Egal, was ich mache, er will den versteckten Bereich nicht öffnen.

Ich setze diesen Grundbaustein, womit sich diese Funktion steuer lässt davor und dann den eigentlich Code mit Text hinterher, nur es will nicht so, wie ich es will.
Auf chathomepage.de wird mir das ganze so beschrieben und so mache ich es auch...
Warnung! Spoiler! (Wegen Verzerrung des Threads verspoilert!)
Html:
<script language="javascript">
<!--
function toggle(control)
{
var elem = document.getElementById(control);
if(elem.style.display == "none")
{
elem.style.display = "block";
}
else
{
elem.style.display = "none";
}
}
//-->
</script>

<fieldset style="width:946px">
<legend><b><a name="admin">Admin</a></b></legend>
<a href="javascript:toggle('ramnipshphelpfliparea')">Informationen zum Team...</a>

<div id="ramnipshphelpfliparea" style="DISPLAY: none">
<font size="2">Admins kümmern sich um ein angenehmen Chatklime sowie die Einhaltung der AGB und des Knigge.<br>Betreung der Channelmoderatoren einzelner Channel fällt zudem in ihren Aufgabenbereich.</font>
</div>
<br>
<br><b>Teamleiter:</b> Imagician, Luvchen
<br><b>Teammitglieder:</b> BiBi <3, Bierholjunge, cherief, crisped, Flausch, Fußballer12, grinse-250206, Hurycan, indy J, klene maus, kuschelfant, Lizzi13, Raphy rockt, Sandra2, SchleimigSüße Schnegge, Sister66, Tabby 92, Tolga, Traumkönig, zwerg
<br>
<br><b>Beitrittsmöglichkeit: <font color="#FF0000">Admin</font></b>
<br><br>
<div align="right"><a href="#start"><font size="1">zurück zum Start</font></a></div>
</fieldset>

So wie diese Funktion oben aufgeführt ist, funktioniert sie nicht.
[zum Seitenanfang]  
Re: Probleme mit dem Flip-Container [Re: Hard Enduro] - #1980442 - 18.04.2010, 11:17:54
theblackdevil909851
​United States of America

Registriert: 05.08.2004
Beiträge: 6.388
Nimm' das hier und nicht den Schrott von Chathomepage.de...
_________________________
Das Lesen ist eine Tugend!
[zum Seitenanfang]  
Re: Probleme mit dem Flip-Container [Re: theblackdevil909851] - #1980448 - 18.04.2010, 11:27:36
Hard EnduroGlobaler Moderator
​Knuddelsteam
(Community Management)

Registriert: 28.07.2007
Beiträge: 2.369
Antwort auf: theblackdevil909851
Nimm' das hier und nicht den Schrott von Chathomepage.de...

Öhm, irgendwie auch nicht das, was ich suche. Es sollte so sein, wie es in diesem Thread ist.
Bei den einzelnen Teams steht dann dort Mehr Informationen..., dieses im Flip-Container verpackt. So ungefähr will ich das, halt nur an anderer Stelle mit anderem Text & so on...
[zum Seitenanfang]  
Re: Probleme mit dem Flip-Container [Re: Hard Enduro] - #1980479 - 18.04.2010, 12:23:18
Scnappi
Nicht registriert


Also wenn ich dein Code-Gedöhns auf meine HP kopiere funktioniert das. Ob du das jetzt mit "normalem JavaScript" oder mit jQuery machst, ist mir selbst letztenendes egal, obwohl letzteres einfacher ist.

Ich vermute einfach mal, dass du das als Forums-Thread machen möchtest und es in der Vorschau nicht funktioniert hat. Das geht nämlich im Zusammenhang mit der AJAX-Vorschau des Forums nicht. Wenn du den Beitrag dann absendest, funktioniert das aber. Am besten solche HTML-Beiträge im Forum immer intern vorbereiten. ;-)
[zum Seitenanfang]  
Re: Probleme mit dem Flip-Container [Re: Hard Enduro] - #1980480 - 18.04.2010, 12:27:06
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Html:
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script>	
 $(document).ready(function(){
  $(".hideShow").hide();

  $("a.fireMeUp").toggle(function(){
   $(this).addClass("active"); 
   }, function () {
   $(this).removeClass("active");
  });
  
  $("a.fireMeUp").click(function(){
   $(this).next(".hideShow").slideToggle("slow,");
  });
});

 </script>


 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
    mollit anim id est laborum.</p>

 <a class="fireMeUp" href="#">read more&hellip;</a>
 <p class="hideShow">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
    mollit anim id est laborum.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
    mollit anim id est laborum.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
    mollit anim id est laborum.</p>

<a class="fireMeUp" href="#">read more&hellip;</a>
 <p class="hideShow">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
    mollit anim id est laborum.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
    mollit anim id est laborum.</p>

$(".hideShow").hide();
Versteckt erstmal alle zu versteckenden Elemente, das heisst, dass jedem Element diese Klasse oder eine x-beliebige Klasse anzufuegen ist, damit die Inhalte verschwinden, die auch verschwinden sollen.

$("a.fireMeUp").toggle(function(){ […]
Sorgt dafuer, dass der aktuel angeklickte Button eine active-Klasse bekommt und wieder verliert, sobald man einen anderen oder selbigen drueckt.

[…]$(this).next(".hideShow").slideToggle("slow,");[…]
Diese Funktion sorgt letztendlich dafuer, dass die versteckten Inhalte wieder sichtbar werden mit einer Art slide-funktion. Ist natuerlich beliebig anpassbar
[zum Seitenanfang]  
Re: Probleme mit dem Flip-Container [Re: ] - #1980486 - 18.04.2010, 12:36:13
Hard EnduroGlobaler Moderator
​Knuddelsteam
(Community Management)

Registriert: 28.07.2007
Beiträge: 2.369
Antwort auf: Scnappi
Ich vermute einfach mal, dass du das als Forums-Thread machen möchtest und es in der Vorschau nicht funktioniert hat. Das geht nämlich im Zusammenhang mit der AJAX-Vorschau des Forums nicht. Wenn du den Beitrag dann absendest, funktioniert das aber. Am besten solche HTML-Beiträge im Forum immer intern vorbereiten. ;-)


Genau das ist der Grund & ich hab' mich immer gewundert. :-D
Danke, kann geschlossen werden. ;-)
[zum Seitenanfang]  
Re: Probleme mit dem Flip-Container [Re: Hard Enduro] - #1980512 - 18.04.2010, 13:11:22
Scnappi
Nicht registriert


Dem Wunsch komme ich dann nach. Ich möchte aber darauf hinweisen, dass die Lösung von huendchen wesentlich einfacher ist als die, die du verwendest. Ggf. solltest du dir überlegen, nochmal umzusteigen. :-)

Geschlossen.

Kroko
[zum Seitenanfang]  


Markiere alles als gelesen
Forums-Kontakt · Knuddels - Chat / Chatroom · [zum Seitenanfang]