Ergebnis 1 bis 5 von 5

Thema: HTML Felder innerhalb einer Seite anzeigen lassen per Klick

  1. #1
    HTML Newbie
    Registriert seit
    08.01.2016
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML Felder innerhalb einer Seite anzeigen lassen per Klick

    Hallo und guten Morgen,
    ich bin hier in dem Forum neu und habe ein paar erste Fragen. Zum Thema HTML muss ich zugeben bin ich auch recht neu, aber ich suche mir vorlagen die ich dann für mich umschreiben kann. Leider funktioniert das mit dem Vorhaben hier nicht. Vlt. könnt ihr mir auf die Sprünge helfen.
    Meine Seite erstelle ich mit Webacapella 4 und Dreamweaver CC2015

    Ich würde gerne für meine Seite eine Historie einbauen mit verschiedenen Jahrzehnten. Beim Klick auf ein Jahrzehnt soll dann unterhalb ein Fenster aufgehen oder angezeigt werden in dem die Historie steht.
    So wie hier http://www.hamm-footwear.com/unternehmen/historie/

    Vielen Dank schon mal
    Gruß
    Marcus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Arimon (08.01.2016 um 10:00 Uhr)

  2. #2
    Interessierte/r
    Registriert seit
    05.01.2016
    Beiträge
    146
    Danke
    9
    Bekam 11 mal "Danke" in 11 Postings

    Standard AW: HTML Felder innerhalb einer Seite anzeigen lassen per Klick

    Hallo Marcus ..
    ich habe grade wenig Zeit..aber vielleicht siehst Du Dir
    das einmal an - Akkordion Effekt - http://find-templates.de.tl/akkordeon.htm

    Eine andere Möglichkeit wäre eventuell über Mordal mit Pseudoselector Class :target in der CSS
    Googel mal modal css .. die Beispiele sind dann meist klein können aber in der Style beliebig
    in der Größe und allem anderem gestaltet werden..

    okay hoffe das hilft Dir etwas ansonsten bekommst
    bestimmt noch andere gute Antworten...

    Gruß aus Hamburg

    * { display: none; }

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    08.01.2016
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Felder innerhalb einer Seite anzeigen lassen per Klick

    Super , danke schon mal vorab

    -EDIT: Das war genau richtig! TOP Danke funktioniert
    Geändert von Arimon (08.01.2016 um 14:17 Uhr)

  4. #4
    Interessierte/r
    Registriert seit
    05.01.2016
    Beiträge
    146
    Danke
    9
    Bekam 11 mal "Danke" in 11 Postings

    Standard AW: HTML Felder innerhalb einer Seite anzeigen lassen per Klick

    .. schön gerne ..

    ist die Webseite gesund freut sich der Mensch..
    das mit dem Modal solltest Dir aber auch mal ansehen... ist interesant

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    08.01.2016
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Felder innerhalb einer Seite anzeigen lassen per Klick

    Ok, werde ich mir anschauen.
    Ich habe jetzt das Problem, das die Seite nicht Ordnungsgemäß angezeigt wird sondern sich verschiebt.
    Wahrscheinlich liegt es am Programm.
    Hier mal der Code den ich eingefügt habe und verändert habe.
    margin-top:200px; /* Außenabstand oben */ Damit wollte ich erreichen das die Kästen in der Seite an einer bestimmten Stelle anfangen. Das klappt auch allerdings wie gesagt ist alles verschoben.


    Code:
    <style type="text/css"><!--
    /* Hier die Breite anpassen */
    #akkordeon {
      width: 800px;
      overflow: hidden;
     margin-top:200px;               /* Außenabstand oben   */
      }
    /* Aussehen Titel */
    #akkordeon h2 {
      font-size: 20px;
      color: #009090;
      background: url(http://img.webme.com/pic/f/find-templates/rechts.png) no-repeat right; }
    /* Feld um Titel */
    .thema {
      cursor: pointer;
      padding: 5px 10px 5px;
      margin-bottom: 5px;
      transition: all .2s ease-in-out; }
    /* ausklappbare Feld mit Inhalt */
    #akkordeon .inhalt {
      display: none;
      background-color: #009090;
      padding: 15px;
      margin-bottom: 5px;
      overflow: hidden;
      border: 1px solid #c9c9c9; }
    /* Farbe Titelfeld wenn ausgeklappt */
    #akkordeon .open { background-color: #999999f!important; }
    /* Grafik rechts wenn ausgeklappt */
    #akkordeon .open h2 {
      background: url(http://img.webme.com/pic/f/find-templates/unten.png) no-repeat right; }
    -->
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/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>

Ähnliche Themen

  1. Verlinkung innerhalb einer Seite.
    Von Humbhree im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 09.10.2014, 15:46
  2. Bilder auf der Seite beim klick erscheinen lassen??
    Von Sinaly im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 14.05.2008, 17:15
  3. Seite in einer Ebene anzeigen lassen
    Von Daniel002 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 20.07.2007, 18:41
  4. dynamisch Text in einer HTML seite anzeigen..?!
    Von MartyS im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.10.2004, 16:13
  5. Verlinken innerhalb einer Seite!
    Von Mafu im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 07.04.2004, 16:10

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •