Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 44.518
» Neuestes Mitglied: NexGen03
» Foren-Themen: 79.574
» Foren-Beiträge: 81.369

Komplettstatistiken

Benutzer Online

Momentan sind 382 Benutzer online
» 1 Mitglieder
» 377 Gäste
Bing, Facebook, Google, Yandex, d8b6095a50

Aktive Themen

종로구출장샵(((라인:ms368)))∫종로구아...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 2 Minuten
» Antworten: 0
» Ansichten: 2

LINE/라인☞ms368☜하남출장마사지-하남출...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 7 Minuten
» Antworten: 0
» Ansichten: 1

정선출장샵>>라인ms368<<정선출장마사지㎕ ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 12 Minuten
» Antworten: 0
» Ansichten: 1

전주출장샵>>라인ms368<<전주출장마사지㎕ ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 16 Minuten
» Antworten: 0
» Ansichten: 1

평택출장마사지#LINE/라인≪MS368≫, 평...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 21 Minuten
» Antworten: 0
» Ansichten: 1

성남출장샵【LINE@라인:MS368】성남출장업...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 25 Minuten
» Antworten: 0
» Ansichten: 1

【라인―ms368〔※〕출장마사지】함평24시출장...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 30 Minuten
» Antworten: 0
» Ansichten: 1

포항출장샵>>라인ms368<<포항출장마사지㎕ ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 35 Minuten
» Antworten: 0
» Ansichten: 1

양천구출장샵(((라인:ms368)))∫양천구아...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 39 Minuten
» Antworten: 0
» Ansichten: 1

LINE/라인☞ms368☜통영출장마사지-통영출...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 44 Minuten
» Antworten: 0
» Ansichten: 1

Button aktiv starten

Geschrieben von: admin - 18.04.2022, 02:00 - Forum: Css - Antworten (2)

So und ein zweiter Thread gleich hinterher Big Grin
Das gehört zwar zur selben Aufgabe, allerdings könnte das auch für andere Interessant sein, deshalb mach ich dafür mal einen neuen Thread.
Wahrscheinlich recht einfach, aber irgendwie scheitert es gerade:

Ich möchte in einer Liste von Buttons, die im CSS bereits beschrieben sind, einen Button bereits beim ersten Aufruf der Seite auf "aktive" stehen haben.
Z.B. möchte ich in einer Liste mit Automarken, Obst, Städten und Tieren, welche ich per Button sortieren kann (siehe anderer Thread)
Einen Button "Alle" haben, der zu Beginn, während noch alle Objekte angezeigt werden, bereits die Farbe hat als wäre er angeklickt.

Ausgangssituation wäre quasi ja nur:

Code:
.button{

backgroundcolor: red

}

.button:active{

backgroundcolor: yellow;

}

Vielen Dank fürs Helfen Smile

Sortierlis

Geschrieben von: admin - 18.04.2022, 01:53 - Forum: Javascript - Antworten (10)

Hi,
ich habe mal wieder ein Problem (und damit mein ich nicht das Ergebnis der deutschen Nationalmannschaft eben Big Grin )
Ich versuche eine Liste zu erstellen, mit z.B. Automarken, Obst, Städten und Tieren.
Alles komplett durcheinander.
Jetzt möchte ich via Buttons nur noch eine Kategorie einblenden. Dabei sollen jedoch nicht nur die anderen ausgeblendet werden, sondern die jeweilig dazugehörigen Elemente nach oben nachrutschen.

Wichtig ist mir hierbei, keine Listenelemente zu benutzen. Theoretisch könnte z.b. bei jedem Element noch ein Bild dabei sein oder so. Also es sollen quasi ganze <div> Blöcke sortiert werden.

Ich habe verschiedenes probiert. Ich dachte an .style.display ="none". Allerdings funktioniert das nicht.
Desweiteren frage ich mich ob man das nur über den Klassennamen regeln kann, da die Klassennamen in meinen Dateien mittlerweile oft schon komplett überladen sind.

MfG

Code:
<div class ="row">

  <button id="ST">Städte</button>

  <button id ="OB">Obst</button>

  <button id="AU">Automarken</button>

  <button id="TI">Tiere</button>

  <div class="col-xs-6 col-md-2"></div>

  <div class="col-xs-6 col-md-2">

<div  class ="Städte">Hamburg</div>

<div class ="Obst">Birnen</div>

<div class ="Städte">Berlin</div>

<div class ="Autos">Mercedes</div>

<div class ="Obst">Äpfel</div>

<div class ="Autos">BMW</div>

<div class ="Tiere">Bär</div>

<div class ="Städte">München</div>

<div class ="Autos">Ford</div>

<div class ="Tiere">Hase</div>

<div  class ="Städte">Dortmund</div>

<div class ="Obst">Kirschen</div>

<div class ="Städte">Erfurt</div>

<div class ="Autos">Audi</div>

<div class ="Obst">Melonen</div>

<div class ="Autos">Ferrari</div>

<div class ="Tiere">Hund</div>

<div class ="Städte">Tokio</div>

<div class ="Autos">Trabant</div>

<div class ="Tiere">Seehund</div>

</div>

</div>

<script>

document.getElementById('AU').onclick=function(){

  document.getElementsByClassName("Tiere").style.display='none';

  document.getElementsByClassName("Städte").style.display='none';

  document.getElementsByClassName("Obst").style.display='none';

     }

document.getElementById('TI').onclick=function(){

}

document.getElementById('ST').onclick=function(){

}

document.getElementById('OB').onclick=function(){

}

</script>

Bild zentrieren und verkleinern beim hovern

Geschrieben von: admin - 18.04.2022, 01:51 - Forum: Html - Antworten (2)

	Soll das so aussehen https://basti1012.bplaced.net/index.php?...eim_hovern

Pseudo Element klickbar machen mit Link

Geschrieben von: admin - 18.04.2022, 00:54 - Forum: Css - Keine Antworten

Das scheint gar nicht so einfach zu sein. Aber mit etwas Googeln konnte ich eine Lösung finden.
Jetzt kommt beim

Hover ein kleines Bild was verlink ist . So wie du es bei Bitcoins gesehen hast

Accordeon läuft nicht richtig

Geschrieben von: admin - 18.04.2022, 00:48 - Forum: Css - Antworten (4)

	Guck mal, ob du das mit dem Strich so meinst https://basti1012.bplaced.net/index.php?...hilfeforum&name=Accordeon_l%C3%A4uft_nicht_richtig wegen des anderen Problems gucke ich jetzt mal

Beiträge posten

Geschrieben von: admin - 18.04.2022, 00:45 - Forum: Html - Antworten (3)

Da es Javascript, HTML und CSS auf einmal ist, mache es hier rein.
Ich habe es jetzt soweit fertig das man alles eingeben kann und auch erzeugt werden. Eigentlich so wie du es auch schon hattest ,nur alles etwas kürzer und in einem Extra Feld.
Jetzt müssen wir es nur noch hinbekommen das es am Anfang gepostet wird.
**Link entfernt, weil Seite nicht mehr erreichbar **

Falls du noch Ideen hast oder es hinbekommst das es an der ersten Stelle gepostet wird dann lass mich das wissen, weil ich will das jetzt auch wissen, wie das geht .

Ich werde aber auch weiter versuchen bis wir es geschafft haben weil ich gebe nie so schnell auf

Kalender mit Speicher Funktion

Geschrieben von: admin - 18.04.2022, 00:39 - Forum: Javascript - Antworten (11)

So wie versprochen habe ich in deinen Kalender mal localStorage eingebaut ,damit du siehst wie man es machen kann.
Wenn du auf die zahlen klickst erkennt das Script ob schion ein Eintrag da ist oder nicht. Wenn neon wir ein Fenster geöffnet wo man speichern kann. Ist ein Eintrag gespeichert ,wird der Eintrag angezeigt ,mit der Funktion den Eintrag zu löschen.
Dann habe ich ganz Oben den Button um alle Einträge zu Löschen und einen Button um alle Einträge anzuzeigen.( Der funktioniert noch nicht ganz).

Die Einträge bleiben auch nach einem Seiten Reload gespeichert. Also auch über Tage, Wochen und Monate. Solange der Cache nicht gelöscht wird oder du es selber nicht löscht, bleibt der Eintrag ewig.

Nur eins habe ich noch nicht geschafft ,das ist, wenn man einen Reload macht, dass die Felder mit Einträge Gelb sind . Aber sehe selbst.

Du hattest heute Mittag geschrieben das du mir helfen willst . Was kannst du den alles so Schönes Smile . Weil Hilfe kann, ich immer gebrauchen du siehst ja meine Homepage ist noch im Bau und mein Chat ist auch noch nicht ganz fertig.

Aber hier erstmal der Link zu deinen Kalender Script
**Link entfernt, weil Seite nicht mehr erreichbar **

Text erscheinen lassen beim Bild hovern

Geschrieben von: admin - 18.04.2022, 00:35 - Forum: Javascript - Antworten (5)

	Da gibt es viele Möglichkeiten ," Container übereinander legen. Oder Klassen wechseln. Mit Javascript den Inhalt wechseln und viele mehr . Ich habe es so gemacht Link entfernt, weil Seite nicht mehr erreichbar Falls du eine andere Möglichkeit suchst oder noch haben willst, ich poste die anderen Möglichkeiten gleich auch noch. Soll das nur bei einem Bild sein oder bei mehreren?

Border um mehrer Buttons

Geschrieben von: admin - 18.04.2022, 00:32 - Forum: Css - Keine Antworten

So kann man den Border um mehrere buttons setzen damit es gleich aussehend und gleichmäßig bleibt

Code:
<!doctype html>

<html>

<head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <title>Border bei Buttons</title>

    <meta charset="utf-8">

    <style>

body{

    text-align:center;

}

#but{

  display:inline-block;

  margin-top:10%;

}

.butto{

  margin-left:-4px;

  padding:0;

  padding:20px 40px 20px 40px;

}

input:first-child{

  border:2px solid red;

}

input:nth-child(2),

input:nth-child(3),

input:nth-child(4),

input:nth-child(5){

    border-top:2px solid red;

    border-bottom:2px solid red;

    border-right:2px solid red;

}

    </style>

</head>

<body>

<div id="but" class="buttons">

    <input type="button" class="butto" id="bu1" value="Button 1"> 

    <input type="button" class="butto" id="bu2" value="Button 2"> 

    <input type="button" class="butto" id="bu3" value="Button 3">

   <input type="button" class="butto" id="bu4" value="Button 4"> 

    <input type="button" class="butto" id="bu5" value="Button 5"> 

</div>

</body>

</html>

Hier der Link zur Demo **Link entfernt, weil Seite nicht mehr erreichbar **

Klicke auf den Schüttel Button damit die Buttons immer eine neue rein folge bekommen. damit kann man sehen, dass der Border immer gleichmäßig aussieht

Seitenbreite ändert sich

Geschrieben von: Anbima - 08.04.2022, 23:59 - Forum: Javascript - Antworten (1)

Hallo,

ich habe ein Problem mit einem Javascript und der Programmierer, welcher es erstellt hat, ist nicht mehr erreichbar und ich habe da nicht wirklich eine Ahnung.

Das Problem müsste im Bereich des folgenden Codes liegen:

Code:
var parent = this._src_element.parentElement;

// the trap is a relative div, we wrap them around

// all content in the node of the input

// because the suggest is absolute and is bound to the next

// higher element with position relative. this is perfect position

var trap_div_width = 0;

// very importent, limit the width of div,

// else the suggest move to wrong position on browser zoom!

do{

// lets search the first offsetWidth in our parents

// that are not zero

trap_div_width = parseInt(parent.offsetWidth);

parent         = parent.parentElement;

}

while(parent != null && trap_div_width == 0);

if(trap_div_width == undefined){

trap_div_width = "";

}

else{

trap_div_width = "width: " + trap_div_width + "px;";

}

...

var new_content  = "<div style=\"z-index: "+zIndex+";position: relative; margin: 0; padding: 0; " + trap_div_width + "\">";

Das trap_div_width verändert seinen Wert, wenn ich einen Reload der Seite mache.
Normal ist es bei 837 und dann erhöht sich der Wert auf 1247.

Das Problem ist, dass wenn der Wert sich auf 1247 erhöht, kommt der seitliche Scrollbalken.

Kann mir hier jemand einen Tipp oder besser noch eine Lösung mitteilen?

Wenn noch weitere Informationen benötigt werden, bitte melden.

Gruß
Andreas

Seiten (8014): « Zurück 1 … 8003 8004 8005 8006 8007 … 8014 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken