Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.07.2013 um 19:30 (UTC)    
Titel: mehrfach

Hallo liebe Programmierer,

kann mir bitte jemand bei meinem Problem helfen?

Ich habe auf einer Seite ein Feld eingefügt, dass wenn man man den Namen anklickt, danach ein Fotot mit Daten kommt. Wenn ich das nur einmal pro Seite mache, funktioniert es auch. Ich klicke auf den Namen und dann kommen halt Bild und Daten und bleiben solang sichtba bis ich erneut auf den Namen klicke.

Nun ergänzte ich erneut so ein Feld mit einem zweiten Namenund schon funktioniert die ganze Sache nicht mehr. Durch klicken egal bei welchem Namen öffnet sich das Fenster kurz und geht sofort wieder zu. Sad

Anbei der Link zu meiner Seite mit dem Problem: http://sg-lok-schoenebeck.de.tl/Sportst.ae.tte.htm

Kann mir bitte jemand sagen, wo mein Fehler liegt?

Ich bedanke mich im Voraus =)
Beitrag24.07.2013 um 20:02 (UTC)    
Titel:

Hallo,

das liegt daran, dass du den kompletten "Akkordeon"-Code doppelt hast.
Der Code gliedert sich nämlich in die folgenden Bestandteile:

Der CSS-Code sorgt für das Aussehen. Er muss nur einmal vorhanden sein. Wenn er, so wie in deinem Fall, doppelt ist, werden schlimmstenfalls z.B. veränderte Farben nicht übernommen, weil sie an anderer Stelle überschrieben werden.
Zitat:
<style type="text/css">
<!--

/* Hier die Breite anpassen */
#akkordeon {
width: 500px;
overflow: hidden; }

/* Titel Schriftfarbe und Größe + Pfeilgrafik rechts */
#akkordeon h2 {
font-size: 20px;
color: #ff0000;
background: none no-repeat right; }

/* Feld um Titel */
.thema {
cursor: pointer;
padding: 5px 10px 5px;
margin-bottom: 5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }

/* ausklappbare Feld mit Inhalt */
#akkordeon .inhalt {
display: none;
background-color: #000000;
padding: 15px;
margin-bottom: 5px;
overflow: hidden;
border: 2px solid #ff0000; }

/* Farbe Titelfeld wenn ausgeklappt */
#akkordeon .open { background-color: #000000!important; }

/* Grafik rechts wenn ausgeklappt */
#akkordeon .open h2 {
background: none no-repeat right; }

-->
</style>


Der JavaScript-Code sorgt für die Funktion. Wenn er doppelt ist, kann es, wie in deinem Fall, zu - ich sage mal: interessanten - Fehlfunktionen kommen. Unbedingt den doppelten Code entfernen!
Zitat:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script>
$(document).ready(function() {

$('.top .thema').click(function(){
if($(this).hasClass('closed')) {
$(this).addClass('open').removeClass('closed');
$(this).siblings('.inhalt').slideDown(200);
} else {
$(this).addClass('closed').removeClass('open');
$(this).siblings('.inhalt').slideUp(200);
}
});

});
</script>


Der HTML-Code ist das Grundgerüst. Dass das doppelt ist, ist ja gewollt. Wenn du eine weitere Person auf derselben Seite vorstellen möchtest, musst du nur diesen Code erneut einfügen. Wink
Zitat:
<div id="akkordeon">
<div class="top">
<div class="thema closed" style="background-image: none;">
<h2 style="text-align: center;">Markus Str&uuml;mpel</h2>
</div>
<div class="inhalt">
<div style="text-align: center;"><br />
<br />
<img width="270" height="275" src="http://img.webme.com/pic/s/sg-lok-schoenebeck/markus_neu.jpg" alt="" /></div>
<h3 style="text-align: center;"><span style="color: rgb(255, 0, 0);">Markus Str&uuml;mpel</span><span style="color: rgb(0, 0, 0);"><br />
</span></h3>
<div style="text-align: center;"><span style="color: rgb(255, 255, 0);">im Verein seit: 2010<br />
Gr&ouml;&szlig;e: 1,92 m<br />
Geburtstag: 20.12.1991<br />
R&uuml;ckennr.: 7<br />
bisherige Vereine: - Sch&ouml;nebecker Sportclub</span><span style="color: rgb(0, 0, 0);"><br />
</span></div>
</div>
</div>
</div>


Gruß,
TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag29.07.2013 um 15:18 (UTC)    
Titel:

Ich bedanke mich vielmals bei Dir.

Dank deiner investierten Zeit und super Beschreibung habe ich es hinbekommen.

Danke schön. Smile Very Happy
Beitrag29.07.2013 um 15:25 (UTC)    
Titel:

sg-lok-schoenebeck hat Folgendes geschrieben:
Danke schön. Smile Very Happy

Gerne.

Freut mich, wenn es funktioniert hat Smile

Gruß,
TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de