Menü das sich öffnet wenn man auf einen button geht (HTML,CSS)?

Hi unzwar will ich es wie schon oben erwähnt so machen man geht auf einen Kaufen button und dann öffnet sich ein "pop up" Menü wo die vorteile eines Ranges (Minecraft) stehen und dort nochmaml ein button ist wo jetzt kaufen steht aber die Frage ist wie macht mand as?

6 Antworten

Allesanddro

03.05.2020, 01:16

https://www.w3schools.com/howto/howto_js_popup.asp

Lukasistein

Beitragsersteller

03.05.2020, 01:17

danke :)

Allesanddro

03.05.2020, 01:17

@Lukasistein

Kein Ding ^^

Colito

03.05.2020, 01:15

Mit Html/CSS Alleine geht das nicht ..

Lukasistein

Beitragsersteller

03.05.2020, 01:16

Ich weis

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

03.05.2020, 20:39

Ein Minimalbeispiel:

HTML:

<a href="#popup" role="button">Open</a>
<div id="popup">Hello!</div>

CSS:

#popup { display: none; }
#popup:target { display: block; }

Das Popup kann man folgend noch weiter stylen (fest Größe vergeben, etc.).

Lukasistein

Beitragsersteller

10.05.2020, 04:57

Danke ;)

zvincxnt

03.05.2020, 01:40

Dafür brauchst du Javascript, aber wurde ja schon ein Link geschickt, schau dir das einfach mal ein ist nicht schwer

Lukasistein

Beitragsersteller

10.05.2020, 04:57

Habe ich jetzt gelernt

flylix

03.05.2020, 01:29

Der Server kann auf dem Client ein Buch öffnen. Wie das geht musst du recherchieren. Das Buch kannst du entsprechend programmieren, du trägst alle Vorteile des Rangs ein und fügst wie im verlinkten Minecraft Wiki - Artikel beschreiben einen Link zu deiner Kaufseite ein. Mehr kann ich dazu leider nicht helfen. Für den Kauf müssen deine Kunden jedoch auf jeden Fall Minecraft verlassen, weil Minecraft keine Kauffunktion enthält was auch sehr beabsichtigt ist.

Woher ich das weiß:eigene Erfahrung – Anderen bei Computerproblemen helfen / Recherche

Ähnliche Beiträge

Button mit Wartezeit Html, CSS, PHP?

Hey,

ich möchte einen Button erstellen, der wenn man auf ihn draufklickt erstmal ausgibt: "Warten Sie einen Moment" und nach paar Sekunden dann weiterleitet.

Der Text sollte über dem Button erscheinen, aber kein Pop-Up Fenster!

Habt ihr Ideen, wie das möglich ist

...zum Beitrag

HTML & CSS in .exe umwandeln?

Hallo,

ich habe eine ganz einfache Webseite mit HTML und CSS gebaut. Dort gibt es Buttons, die zu unterschiedlichen Webseiten führen. So eine Art Favoriten Liste wie in Browsern.

Diese Webseite möchte ich gerne in eine .exe umwandeln. Dann kann der Anwender über ein Desktop Icon dieses "Programm" öffnen. Wenn man dann auf einen Button klickt öffnet sich ganz normal eine externe Browser Webseite. Habe das schon mit .hta probiert, aber dann werden einige CSS Befehle nicht übernommen und die Buttons funktionieren nicht. Würde auch gerne eine Installation ausführen lassen, so dass man dann danach eine .exe. Datei hat.

Kenne mich nur mit HTML und CSS aus. Alles Andere kann ich nicht.

Danke :)

...zum Beitrag

HTML/CSS: Schriftfarbe im Kontaktformular ändern?

Bin Anfänger. Ich betreibe eine Website mit WordPress und nutze das Plugin "Contact Form 7". Das Forumular was ich erstellt habe besitzt mehrere Container. Einer davon ist ein Drop-Down Menü. Sieh so aus:

Ihr seht: Schriftfarbe und Background Color sind beide weiß. Ich möchte, dass die Schriftfarbe schwarz wird.

<div class="column one">[select* Der-Grund include_blank "Ein Problem melden" "Frage" "Feedback" "Sonstiges"]</div>

Was muss ich nun machen? Wo kann ich das Attribut font-color korrekt hinzufügen? Ich verstehe ehrlich gesagt noch nicht, was genau [select usw jetzt ist. Ist das HTML?

Hier ist eine Hilfeseite, wo das Wort "color" aber nicht auftaucht:

https://contactform7.com/checkboxes-radio-buttons-and-menus/#select

...zum Beitrag

Ich habe ein HTML, CSS und Java Script Problem. Kann mir wer helfen?

Guten Tag,

Ich bin momentan dabei mir eine Webseite zu erstellen. Auf der Webseite habe ich einen Button der beim betätigen eine Sidebar öffnet. Wenn man aber die Webseite öffnet ist die Sidebar schon geöffnet, aber ich möchte das man zuerst auf den Button drücken muss und beim betreten der Webseite die Sidebar geschlossen ist.

Vielen Dank im Voraus!

...zum Beitrag

CSS: Bereiche der Website wie bei LightBox verdunkeln, wenn CSS-PopUp offen

Hallo,

ich versuche gerade einen Weg zu finden, wie ich den Rest einer Seite verdunkeln kann (er soll nicht komplett verschwinden sondern noch durchschimmern), während ich eine Art "PopUp" offen habe.

Eine Art "PopUp" daher, da es sich um eine Box handelt die komplett mit CSS realisiert wurde und ohne Java-Script.

Aber bevor ich es erkläre gebe ich lieber das "Pop-Up"-Gerüst an.

<div id="infoMenu">     
    <input type="checkbox" id="linkbox" class="popUpControl">
    <label for="linkbox">
        <div class="infoBubble"></div><!--END .infoBubble-->
        <div class="infoBox">
            Inhaltstext:
        </div><!--END .infoBox -->      
    </label><!--END linkbox -->         
</div> <!--END infoMenu-->

Das "Pop-Up" - Fenster, was bei "gecheckter" Checkbox aufgeht ist die "infoBox", der ich ihre Position absolute mitgegeben habe und die den z-index: 100 hat. Dies ist zwar von der Zahl her eher übertrieben, da normal 2 oder 3 auch reichen würden, aber egal.

Nun will ich noch über alles was unter der Box ist und je nach Bedarf den infoBubble (der zu drückende Button) einen Schleier legen.

Meine Versuche es damit zu realisieren einen Weiteren Layer einblenden zu lassen oder der InfoBox einen angepassten Rahmen (border) zu geben würden zwar technisch auch gehen. Doch da ein "Klick" bzw. "Drücken" auf diese Stellen ebenfalls für ein Schließen der infoBox führt ist es eher ungünstig.

Könnte mir jemand ggf. einen Tipp geben wie ich es so umsetzen kann, dass die Box sich nur bei Klick auf die Infobox und/oder einem Button auf dieser schließt?

Perfekt wäre natürlich eine rein CSS basierte Lösung, da ich die Box nicht mit JavaScript mache, sondern sie nur als HTML bzw. JSP-Code zur Verfügung steht.

Bisher habe ich hierfür nur die Begriffe Lightbox, Litebox, Shadowbox und Slimbox gelesen. Wobei diese vorwiegend nur für Bilder genutzt werden und es sich dabei um JS - Scripte handeln soll.

Aber wie bereits erwähnt habe ich ja vor keine Grafik so darzustellen sondern einen Teil aus einer Website.

Wäre super, wenn mir jemand helfen bzw. einen Tipp geben könnte, wo ich noch nachsehen kann. ^^

Chiru

...zum Beitrag

Header automatisch anpassen lassen (HTML,CSS)?

Wie schon oben erwähnt will ich das sich der Header automatischt anpasst danke im voraus

lg lukas

p.s ich tue nacher noch das script hinzufügen muss aber meine Pizza abholen HAHA

...zum Beitrag

Bild als Hintergrund Bild in Website einbinden (HTML , CSS )?

Hallo,

Ich Programmiere gerade eine Website in Visual Studio Code und will hinter den Buttons(siehe Bild 2) ein Bild als Hintergrund haben. Nun habe ich das ganze so programmiert (siehe Bild 1) und auch das Bild in die Website Datei eingefügt und alles gemacht. Dennoch sieht das ganze wenn man den liveserver öffnet, so (siehe Bild 2 ) aus und es ist anstatt dem Foto nur das Foto jpg Symbol klein zu sehen . Wie kann ich das ändern so das ich das Bild sehen?

Vielen Dank

...zum Beitrag

Auf dem iphone ein virus? Pop-up?

Eben wollte ich bei google einen link öffnen. Dieser Öffnete sich auch aber nach kurzer Zeit ploppte ein Popup Fenster auf. In diesem pop up stand ich könne ein ipad o iphone gewinnen. Ich müsse nur auf OK drücken. Da OK der einzige button war kam mir das doch etwas komiscj vor. Ich hab aus diesem pop up auch nicht mehr raus. Ich schloss safari. Googelte von neuem. Und es kam schon wieder. Dann löschte ich unter einstellungen alle verläufe. Und startete das iphone neu. Bis jetzt ist ruhe gewesen. Nun wollte ich ein bild bei instagram uploaden und ES KAM SCHON WIEDER. Ich hänge ein bild von dieser meldung an.

Kennt jemand diese? Hat erfahrungen? Was kann ich tun.

Liebe grüsse

...zum Beitrag

Passwortabfrage mit JavaScript?

Ich möchte eine Passwortabfrage mit JavaScript erstellen. Also man gibt den Link der Website ein und dann öffnet sich ein Pop-Up-Fenster bei dem nach dem Passwort (wenn möglich auch nach dem Benutzernamen) gefragt wird. Ich weiß, dass es nicht wirklich sicher ist, aber das ist mir egal.

...zum Beitrag

Elementor Pop Up Link verstecken?

Hallo,

ich betreibe eine Website mit Elementor und löse da einen Pop Up über einen Button aus. Nun wird unten link der Link des Pop Up's angezeigt. Kann man diesen ausblenden?

...zum Beitrag

Wie kann ich eine Internetseite in eine .EXE Datei einbinden?

Meine Frage ist ja oben bereits gestellt, aber ich möchte kein lästigen Pop-up Skript in einer selbst gebastelten HTML-Datei, sondern ein Programm, dass eine Seite schnell ohne irgendeine Browser UI öffnet. Außerdem kann das Fenster auch gerne mehrere Instanzen haben.

Vielen Dank im Voraus

...zum Beitrag

Wie kann ich einen Button nach dem Laden einer Webseite aktiviert aussehen lassen?

Ich habe mir für mein Intranet ein kleines Video-Portal programmiert - das eigentlich ganz gut funktioniert.
Oben gibt es eine aufklappbare Ansicht mit Haupt und Unterkategorien und wenn eine Unter-Kategorie angeklickt wird öffnet sich die Seite mit einer Übersicht relevanter Videos.

Die Haupt-Kategorie gebe ich als URL-Parameter mit -> das funktioniert auch und es wird verdeckt die zu letzt verwendete Hauptkategorie angewählt.

Was nicht funktioniert, ist den Button für die aktuelle Hauptkategorie im Reitermenü so hervor zu heben als wenn er angeklickt wurde - bzw. den Button zu aktivieren.

JavaScript:

function openCity(evt, cityName) {
  // Declare all variables
  var i, tabcontent, tablinks;


  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }


  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

PHP-Script:


$cat = "Musik";
if (isset($_GET['cat']))
{
$cat = ($_GET['cat']);
}

echo '<details><summary> Kategorien: </summary>';
echo '<div class="tab">';

echo '<button type="button" name="Musik" class="tablinks" onclick="openCity(event, \'Musik\')">Musik</button>
<button type="button"  name="Anleitungen" class="tablinks" onclick="openCity(event, \'Anleitungen\')">Anleitungen</button>
<button type="button"  name="Kochen" class="tablinks" onclick="openCity(event, \'Kochen\')">Kochen</button>
<button type="button"  name="Backen" class="tablinks" onclick="openCity(event, \'Backen\')">Backen</button>
<button type="button"  name="Heimwerken" class="tablinks" onclick="openCity(event, \'Heimwerken\')">Heimwerken</button>';
  
echo '</div>';

echo '<!-- Tab content -->
<div id="Musik" class="tabcontent">
<div style="column-count: 5;">
'.$category_Musik.'
</div>
</div>

<div id="Anleitungen" class="tabcontent">
<div style="column-count: 5;">
'.$category_Anleitungen.'
</div>
</div>

<div id="Kochen" class="tabcontent">
<div style="column-count: 5;">
'.$category_Kochen.'
</div>
</div>

<div id="Backen" class="tabcontent">
<div style="column-count: 5;">
'.$category_Backen.'
</div>
</div>

<div id="Heimwerken" class="tabcontent">
<div style="column-count: 5;">
'.$category_Heimwerken.'
</div>
</div>';

echo '</details>';

echo '<SCRIPT type="text/javascript" language="JavaScript">
openCity(event, \''.$cat.'\'); 
</SCRIPT>';

CSS-Definitionen:



/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}


/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}


/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}


/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

so sieht es aus:

so soll es nach dem Laden der Seite aussehen:

Hat jemand eine Idee wie ich den Button für die aktuelle Kategorie beim Laden der Seite automatisch aktivieren kann?

...zum Beitrag

Sowohl Menü als auch Buttons ins Hamburger Menü?

Hallo,

ich baue aktuell die Seite (HTML & CSS) unseres Unternehmens bei Elementor nach und habe Schwierigkeiten den Header genauso zu bauen, wie er auf der ursprünglichen/aktiven Seite ist. Im Header haben wir ein Menü bestehend aus zwei Menüpunkten und zwei Buttons.

In der mobilen Ansicht wechselt das Menü in die Hamburger-Ansicht und sowohl die Menüpunkte als auch die Buttons sind anschließend hier zu finden. Auf Elementor konnte ich bis jetzt jedoch nur die Menüpunkte in das Hamburger Menü packen. Wie sorge ich bei Elementor dafür, dass die beiden Buttons auch im Hamburger Menü landen?

Diese Seite möchte ich nachbauen: kanzleipilot.de

Das ist die Elementor Version: wp-staging.kanzleipilot.de

Siehe Screenshots. So soll es aussehen.

...zum Beitrag

Excel Makro, PDF versenden, Anhang klappt nicht?

Hallo, ich würde gerne eine Rechnung mit einem Makro erstellen. Soweit klappt das auch und die Mail öffnet sich auch, aber diese wird nicht als Anhang hinzugefügt. Ich komme leider nicht drauf. Ich denke, es liegt daran, dass er die Datei nicht findet, aber ich wüsste keinen Lösungsansatz. Hier der Code:

Dim Result As VbMsgBoxResult

Sub RechnungsnrUndDrucken()

Sheets("Rechnung_Video").Select

[D15] = [D15] + 1 'Rechnungsnummer 1 hochzählen

Dim sCC As String

Dim sName As String

Dim sText As String

Dim sObject As String

Dim sCompany As String

Dim sRefNr As String

Dim sTempFileName As String

If (CStr(ThisWorkbook.ActiveSheet.Name) = "Rechnung") Then

Result = MsgBox("Rechnung fertig?", vbApplicationModal Or vbQuestion Or vbYesNo)

If Result = vbNo Then Exit Sub

End If

Const DateiPfad = "C:\Temp\"

Dim DateiName As String

DateiName = DateiPfad & Range("C15") & Range("D15") & ".pdf"

Range("A1:F54").ExportAsFixedFormat Type:=xlTypePDF, Filename:= _

DateiName, Quality:=xlQualityStandard, _

IncludeDocProperties:=True, _

IgnorePrintAreas:=False, _

OpenAfterPublish:=False

Dim Nachricht As Object, OutApp As Object

Dim AWS As String

Set OutApp = CreateObject("Outlook.Application")

AWS = strFileName

'InitializeOutlook = True

Set Nachricht = OutApp.CreateItem(0)

With Nachricht

.Subject = "" & Range("A1") & "_" & Range("C15") & Range("D15")

.GetInspector.display

'.Attachments.Add ("C:\Temp\" & Range("C15") & Range("D15") & ".pdf")

End With

Set OutApp = Nothing

Set Nachricht = Nothing

End Sub

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen