Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: SelectBox offen anzeigen - nicht erst nach click

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

    Standard SelectBox offen anzeigen - nicht erst nach click

    Hallo Leute,

    ich habe ein Problem und versuche es schon seit Tagen zu lösen.
    Leider sind meine HTML kentnisse sehr gering bis gar nicht da.

    Folgendes:

    Ich arbeite an eine Website für einen Pizza Lieferservice, dabei würde ich gerne für einige Produkte
    ein Selectbox erstellen wo man z.B. Saucen auswählen kann und dan auf ok klick diese in den Warenkorb aufgenommen werden.

    Ich arbeite mit WP-Pizza (Wordpress) und da gibt es eine möglichkeit das bei klick auf den Preis
    eine Selectbox untendran angezeigt wird, da die Sauce wählen und ok = warenkorb hinzufügen.

    Würde gerne das nicht erst wenn man auf den Preis klickt die Selectbox sichtbar wird sondern voerher schon in die Seite "offen dargestellt" wird.

    Script lautet folgend:


    HTML-Code:
        <div id="wppizza-grid-section-0" class="wppizza-grid-section" >
        <article id="post-250" class="">
        
        
    <div id="wppizza-article-tiers-250" class="wppizza-article-tiers wppizza-article-prices-5">
    
    
                    <ul> 
                    
            
    <li id="wppizza-article-prices-250" class="wppizza-article-prices">
            <ul>
                                  <li id='wppizza-250-5-0' class='wppizza-article-price wppizza-article-price-5-0  wppizza-add-to-cart'  title="hinzufügen">
                        
                        <span>CHF 6,00</span>
                                              </li>
                           </ul>
            </li>
                           
            </ul>
            </div>
        
            
                   
            
        </div></article>


    Bei klick auf CHF 6.00 öffnet sich dann der SelectBox, ich würde gerne das kein click auf CHF 6.00 nötig ist stattdessen
    die selectbox schon sichtbar ist...

    Ich hoffe das mir da jemand helfen kann, ich versuche es schon so lange - leider ohne Erfolg.

    Danke für die Bemühungen + verbleibe mit freundlichen Grüssen.

    P.s. wenn jemand Interesse hat mir bei der Webseite generell zu helfen , ich würde mich freuen + müssten für ein geeignetes entgeld schreiben.
    Einfach Intresse mir gegenüber erwähnen
    Geändert von Arne Drews (31.12.2016 um 00:52 Uhr) Grund: MOD: HTML-Tags zugefügt

  2. #2
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    796
    Danke
    16
    Bekam 90 mal "Danke" in 89 Postings

    Standard AW: SelectBox offen anzeigen - nicht erst nach click

    Hallo,

    Da in dem Grund-Quelltext kein Dropdown zu erkennen ist, wird dieses vermutlich über JavaScript mittels einem Event-Handler bei Klick auf den <span>-Preis-Tag in das DOM gehängt.
    Der einfachste Weg ist, die Entwicklerkonsole Deines Browsers zu öffnen, auf den Preis zu klicken und zu schauen, was dort reingehängt wird.
    Das setzt Du dann statisch dazu.

    Sollte der Inhalt des Dropdown per Ajax geladen werden, musst Du dies aus dem Event-Handler übernehmen und auslagern.
    Ohne den entsprechenden JavaScript Code kann ich da nicht viel mehr zu sagen.

    Gruß Arne

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    31.12.2016
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: SelectBox offen anzeigen - nicht erst nach click

    Danke für den Tipp, ich habe es nun hinbekommen das immerhin das Fenster für die Selectbox
    gleich beim laden von der Seite angezeigt wird...



    Der Code den ich nun isolieren konnte:

    Code:
    <input id="wppizza-selected-ingredients-1" class="wppizza-selected-ingredients" type="hidden" value="" />
    <div id="wppizza-ingredients-250" class="wppizza-ingredients"><form id="wppizza-ingr-form"><span id="wppizza-sub-info"><input id="wppizza-diy-to-cart" class="btn btn-primary" type="button" value="Warenkorb hinzufügen" /></span>
    <div id="wppizza-ingredients-selected"></div>
    <input id="wppizza-ingr-multitype" type="hidden" value="1" />
    <div id="wppizza-imulti-1" class="wppizza-imulti" style="display: block;">
    <fieldset id="wppizza-ingredients-req-1-3" class="wppizza-list-ingredients"><legend></legend><select id="wppizza-ingr-select-3-1" class="wppizza-ingr-select wppizza-ingr-select-3">
    <option id="" class="wppizza-selingredient-remove" value="">--bitte wählen--</option>
    <option id="wppizza-ingredient-1-87-1-3" class="wppizza-selingredient" value="87">Arrabiata</option>
    <option id="wppizza-ingredient-1-86-1-3" class="wppizza-selingredient" value="86">Bolognese</option>
    <option id="wppizza-ingredient-1-89-1-3" class="wppizza-selingredient" value="89">Carbonara</option>
    <option id="wppizza-ingredient-1-90-1-3" class="wppizza-selingredient" value="90">Gorgonzola</option>
    <option id="wppizza-ingredient-1-91-1-3" class="wppizza-selingredient" value="91">Napoli</option>
    <option id="wppizza-ingredient-1-92-1-3" class="wppizza-selingredient" value="92">Pesto</option>
    <option id="wppizza-ingredient-1-93-1-3" class="wppizza-selingredient" value="93">Poulet Rahmsauce</option>
    <option id="wppizza-ingredient-1-94-1-3" class="wppizza-selingredient" value="94">Trüffel Sauce</option>
    </select><input id="wppizza-ireq-1-1-3" class="wppizza-ireq" type="hidden" value="87,86,89,90,91,92,93,94|0|0|1|0|0" /></fieldset>
    </div>
    Leider sind bei diesem Code zur Zeit 2 Probleme:

    Nachdem ein Product in der Select Box ausgewählt wurde & "Warenkorb hinzufügen" angeklickt wird
    verschwindet die Select Box & Product wird zwar im Warenkorb hinzugefügt aber erst nachdem ich die Seite neu laade.

    Kann ich nicht diesen Code irgendwie umschreiben, das ich selber wählen kann was in der Selectbox auszuwählen ist + wenn ein Produkt
    gewählt wird das Produkt + Haubtprodukt inclusive Preis in den Warenkorb aufgenommen wird?

    Ich danke für die Bemühungen und wünsche weiterhin gute Zeit.

    l.g.

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

    Standard AW: SelectBox offen anzeigen - nicht erst nach click

    okay
    alles hab ich jez so schnell nich gelesen
    aber zu dem erstem anliegen.. alles sehen oder auch nur als scroll
    ohne click - schreibt man ins
    <select class="xy nocheine" size="8" value="usw usw."> <!-- das blaue --- 8 oder zahl der Wahl -->

    ganze Seite sehen is / wär ..wie immer besser..


    Gruß modem-kind
    Geändert von modem-kind (02.01.2017 um 11:39 Uhr)

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    31.12.2016
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: SelectBox offen anzeigen - nicht erst nach click

    Hallo, ich habe <select class="xy... gesucht aber im code ist dieser Text nicht vorhanden?

    l.g.

    p.s. ich hoffe ihr hattet alle einen guten Rutsch

  6. #6
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    796
    Danke
    16
    Bekam 90 mal "Danke" in 89 Postings

    Standard AW: SelectBox offen anzeigen - nicht erst nach click

    Ja, das schrieb ich ja bereits in #2. Das kommt sicher dynamisch ins DOM, dann siehst Du das weder im Quellcode noch im Quelltext des Browsers.
    Über die Entwickler-Konsole allerdings schon, sobald es ins DOM gehängt wurde.

    Das, was da rein gehängt wird, einfach rauskopieren und im Quelltext einbauen.
    Idealerweise das JavaScript, das dafür zuständig ist, deaktivieren/auskommentieren.

    Wenn es sich um ein Plugin handelt, gibt es evtl. auch eine Einstellung, die das regelt?!

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    31.12.2016
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: SelectBox offen anzeigen - nicht erst nach click

    der zweite Code wurde mit Entwicklungstool herausgefischt, dabei habe ich die veränderung analysiert so weit für mich
    möglich und diese mit kopiert...

    Jetzt habe ich das gewünste ergebniss bis auf diese 2 Probleme...
    1. die select Box verschwindet nachdem ich gewählt + hinzufügen geklickt habe
    2. erst nach reaload von Seite sieht man das ein Produkt ins Warenkorb aufgenommen wurde

    Versuche weiterhin fortschritte zu erzielen...

    l.g. + danke für die Bemühungen

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    31.12.2016
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Dropdown erstellen mit Code ID

    Hallo Zusammen,
    ich arbeite seit Wochen schon an einer Webseite & nun macht mir seit einiger Zeit das erstellen von einer "Selectbox/Dropdown" schwirigkeiten.

    Ich arbeite mit einem Wordpress Pluging zum erstellen einer Pizza Lieferservice Webseite.

    Konnte nun folgenden Code isolieren, dieser bewirkt das ein Produkt zur Karte hinzugefügt wird.

    <span id='wppizza-800-4-0' class='wppizza-article-price wppizza-add-to-cart' >
    <span>CHF 4,00</span>


    ich würde nun gerne ein Dropdown erstellen wo ich ein Produkt zwischen mehreren auswählen kann + durch anklicken vom Preis diese im Warenkorb hinzugefügt wird.

    so in diese Art:
    Selectbox, dann möglichkeit produkt oder produkt 2 zu wählen im Dropdown dann durch klick auf CHF 4.00 wird das Produkt zum
    Warenkorb hinzugefügt.

    Ich habe es mit einigen Möglichkeiten versucht diese zu realiseren aber irgendwie geligt mir dies nicht...
    Ich hoffe das mir da jemand helfen kann, ich habe schon so viel Zeit verloren & muss demänchst die Webseite entlich beenden.

    Danke + l.g.

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    31.12.2016
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dropdown erstellen mit Code ID

    Hallo Zusammen, ich versuche seit einiger Zeit schon ein dropdown Menü + Text zum bestättigen
    in meine Webseite einzufügen.


    Ich habe nun folgenden Code der bei mir wirkt:


    <div id="wppizza-imulti-1" class="wppizza-imulti" style="display: block;">
    <legend></legend><select id="wppizza-ingr-select-3-1" class="wppizza-ingr-select wppizza-ingr-select-3">
    <option id="" class="wppizza-selingredient-remove" >--bitte wählen--</option>
    <option id="wppizza-800-4-0" " >menu1</option>
    <option id="wppizza-800-4-0" " >menu2</option>
    </select><input id="wppizza-ireq-1-1-3" type="hidden"
    </div>


    Bei der Auswahl von "menu1" oder "menu2" wird das Produkt gleich im
    Warenkorb aufgenommen.


    Würde gerne das bei der Auswahl von "menu1" oder "menu2" man noch auf "kaufen" (als text) klicken
    muss damit diese im Warenkorb aufgenommen wird & nicht so wie jetzt ohne bestättigung.


    Ich hoffe das mir da jemand weiterhelfen kann & verbleibe mit l.g.

  10. #10
    Azubi(ne)
    Registriert seit
    24.10.2016
    Beiträge
    93
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Dropdown erstellen mit Code ID

    Crossposting!

Ähnliche Themen

  1. verlinkter text nach klick nicht mehr anzeigen
    Von Stef im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 25.07.2016, 12:52
  2. AJAX - Div erst nach laden anzeigen
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 13
    Letzter Beitrag: 09.12.2008, 11:22
  3. Links direkt aufrufen und nicht erst URL anzeigen
    Von NickelbackROXXX im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 1
    Letzter Beitrag: 10.01.2007, 10:43
  4. Hompage nach up. erst nach Aktualisieren auf dem Laufenden
    Von mad-byte im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 06.01.2007, 12:25
  5. Button nach click nicht mehr benutzbar!?
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 24.01.2005, 09:21

Stichworte

Berechtigungen

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