Ergebnis 1 bis 10 von 10

Thema: Container Style verändern in Datenbank Ausgabe

  1. #1
    Neuer Benutzer
    Registriert seit
    07.01.2018
    Beiträge
    2

    Container Style verändern in Datenbank Ausgabe

    Hallo,

    hier wird für jede ROW in der Datenbank ein Container ausgegeben. In jedem Container ist ein Button. Sobald man innerhalb eines Containers auf den Button klickt, soll genau dieser Container eine andere Höhe bekommen. Er soll also per Click vergrößert werden. Die anderen Container sollen natürlich bei ihrer Standardgröße verbleiben und erst größer werden, wenn auch bei ihnen auf den Button geklickt wird. Sobald ein zweites mal auf den Button geklickt wird, soll der Container wieder die Standardgröße einnehmen.
    Kann mir jemand dabei helfen? Meine Funktion funktioniert nur für den ersten Container und der Container wird auch beim zweiten mal klicken nicht auf die Standardgröße zurückgesetzt. Im voraus schonmal DANKE!!!

    Hier ein Beispielquelltext:

    ...........

    <?php

    while($row = $result->fetch_assoc()) {


    ?>
    <div id="angebotskasten" style='width: 100%; height:400px; background-color: blue;' >


    <button type='submit' id='button'>Angebotskasten vergrößern</button>





    </div>


    <?php


    }

    ?>

    .........

    <script>

    $("#button").click(function(){

    $("#angebotskasten").css('height' , '800px');

    });


    </script>

  2. #2
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.693
    Da IDs eindeutig sein müssen kannst du in der Schleife IDs, zumindest so, nicht verwenden. Ich würde dir Klassen empfehlen.
    Ich würde auch niemals, wenn möglich, direkt CSS Style an ein Element schreiben sondern über die Klasse arbeiten.

    Alles was du brauchst ist:

    HTML-Code:
    <style>
    .deine-container-class {
     width: 100%;
     height: 400px;
     background-color: blue;
    }
    .deine-container-class.active {
     height: 800px;
    }
    </style>
    <script>
    $('.deine-button-class').click(function () {
      $(this).closest('.deine-container-class').toggleClass('active');
    });
    </script>
    Also sorg dafür das die IDs verschwinden und füge die Klassennamen hinzu die du verwenden willst, diese passt du oben im CSS und Script an und bist fertig....
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

  3. #3
    Neuer Benutzer
    Registriert seit
    07.01.2018
    Beiträge
    2
    ich Danke dir !!!

  4. #4
    Neuer Benutzer
    Registriert seit
    25.08.2019
    Ort
    Egypt
    Beiträge
    9

    Container Style verändern in Datenbank Ausgabe

    Hallo

    Ich möchte folgendes realisieren:

    ich habe einen DIV Container und wenn der user in den bereich dieses Containers kommt möchte ich auf einen link verweisen.

    Was für Ideen dazu habt Ihr?

    LG
    mr_transistor

  5. #5
    Neuer Benutzer
    Registriert seit
    25.08.2019
    Ort
    Egypt
    Beiträge
    9

    Container Style verändern in Datenbank Ausgabe

    hallo

    ich meinte, wenn man mit der maus über den div container kommt soll man einen link aufrufen können

    der container besitz auch per css zugewiesen ein background-bild. könnte man nicht auch das für die verlinkung nutzen?

    LG und danke
    mr_transistor

  6. #6
    Neuer Benutzer
    Registriert seit
    15.09.2019
    Ort
    Egypt
    Beiträge
    3

    Container Style verändern in Datenbank Ausgabe

    Hallo zusammen,
    ich hoffe mir kann jemand auf die Sprünge helfen - es dreht sich um die Ausgabe
    von einer Datenbankabfrage - zur Zeit wird alles brav in Tabellenform ausgegeben,
    ich möchte aber die einzelnen Ausgabefelder in einer noch zu erstellenden Ausgabemaske darstellen

    Wie nehme ich also:

    PHP-Code:

  7. #7
    Neuer Benutzer
    Registriert seit
    26.08.2019
    Ort
    Egypt
    Beiträge
    7

    Container Style verändern in Datenbank Ausgabe

    sorry mr_transistor aber ich verstehe dich immer noch nicht.
    was versteht du unter aufrufen können?

    soll der link erst dann erscheinen wenn du mit der maus im container bist?

    nach wie vor ist meine antwort javascript

  8. #8
    Neuer Benutzer
    Registriert seit
    13.09.2019
    Ort
    Egypt
    Beiträge
    8

    Container Style verändern in Datenbank Ausgabe

    hallo

    ich glaube wir reden aneinander vorbei ich will das bild verlinken, es wurde per css als background picture eingefügt. daher meine frage ob ich nicht den link bei dem div container angeben kann?

    javascript, will ich nicht verwenden, da wenn irgendein user dies deaktiviert hat, dann ist die ganze funktionalität nicht mehr gegeben.

    lg
    mr_transistor

  9. #9
    Neuer Benutzer
    Registriert seit
    27.08.2019
    Ort
    Egypt
    Beiträge
    20

    Container Style verändern in Datenbank Ausgabe

    Embedded Style is the one of the way of using CSS in HTML. It is defined within the HEAD element of the HTML page.

    It is written as-

    <html>
    <head>
    <style type="text/css">
    h1background-color:blue;
    pfont-family:Arial;
    </style>
    </head>

    <body>
    <h1>This is the heading</h1>
    <p>This is the paragraph</p>
    </body>
    </html>

  10. #10
    Neuer Benutzer
    Registriert seit
    13.09.2019
    Ort
    Egypt
    Beiträge
    8

    Container Style verändern in Datenbank Ausgabe

    Embedded style is like a predefined function, defined once and use many times, It is defined in header and we can use it any where in the web page.
    Example:
    <html><head>
    <style type="text/css" media=screen>
    p font-family: georgia, serif; font-size: x-small;
    hr color: #ff9900; height: 1px
    a:hover color: #ff0000; text-decoration: none
    </style>
    </head>
    <body>
    <p>..........</p>/use of embedded p
    </body>
    </html>

Lesezeichen

Lesezeichen

Berechtigungen

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