Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 44.784
» Neuestes Mitglied: aandsdirect
» Foren-Themen: 92.778
» Foren-Beiträge: 94.614

Komplettstatistiken

Benutzer Online

Momentan sind 502 Benutzer online
» 3 Mitglieder
» 495 Gäste
Applebot, Bing, Facebook, Google, cartool, Lildon, tuu8

Aktive Themen

pipeflow 7.4
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 1 Minute
» Antworten: 0
» Ansichten: 1

AutoChart 3.0.233 2023 fo...
Forum: Html
Letzter Beitrag: tuu8
Vor 1 Minute
» Antworten: 0
» Ansichten: 2

Anylogistix Pro 3.0 x64
Forum: Html
Letzter Beitrag: tuu8
Vor 5 Minuten
» Antworten: 0
» Ansichten: 1

neoStampa v24.6
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 8 Minuten
» Antworten: 0
» Ansichten: 1

AnyBody Modeling System v...
Forum: Html
Letzter Beitrag: tuu8
Vor 9 Minuten
» Antworten: 0
» Ansichten: 1

Amberg Tunnel v2.22
Forum: Html
Letzter Beitrag: tuu8
Vor 13 Minuten
» Antworten: 0
» Ansichten: 1

Køb N-Isopropylbenzylamin...
Forum: Datenbanken
Letzter Beitrag: Lildon
Vor 14 Minuten
» Antworten: 0
» Ansichten: 1

leapfrog 5.1.4
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 16 Minuten
» Antworten: 0
» Ansichten: 1

earth volumetric studio (...
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 21 Minuten
» Antworten: 0
» Ansichten: 1

Køb Eutylon online i Danm...
Forum: Datenbanken
Letzter Beitrag: Lildon
Vor 22 Minuten
» Antworten: 0
» Ansichten: 1

Pennergame Highscoreliste

Geschrieben von: admin - 18.04.2022, 15:54 - Forum: Stellt eure Userscripte vor - Keine Antworten

Für das das Spiel habe ich jetzt das Highscorescript aktualisiert. Da Pennergame ja andauernd auf ihren Server rumspielt, muss man immer wieder die Script auf den neusten Stand bringen.

Dieses Script hat ein anderes Script eingebunden und heißt data tables.

Damit lassen sich alle Suchergebnisse nochmal sortieren und filtern. Pennergame kann maximal 25 Penner auf einmal anzeigen. Mit diesen Script habe ich die Maximal anzuzeigen Penner auf 1250 begrenzt. Damit sich das Script nicht überschlägt, bei soviel Daten ist ein kleiner Timeout drinnen der das bis jetzt ganz gut verhindert.

Man kann sich aber auch weniger anzeigen lassen.
Dann kann man wieder nach Geld suchen und nach Städte und das übliche nach Punkte. Da Pennergame die Stadt und Geldsuche noch nicht anbietet und wohl auch nicht mehr kommen sollte ,habt ihr gegenüber anderen Leuten ein Vorteil. Sucht einfach Leute mit wenig Punkte und viel Geld und los gehts.

Bei Fragen und Probleme bitte hier posten.
Wer sich das Timeout im Script verringern möchte, kann, das gerne tun (Ich erkläre auch wie es geht). Nur kann es sein, dass dann falsche Ergebnisse angezeigt wird. Es kommt immer auf Rechner, Leistung und Datentransfer an.
Unter Highscore gibt es jetzt ein Extra Link

[Bild: score1.png]

So sieht die neue Suchseite aus

[Bild: score2.png]

Und hier ist das Script

hover

Geschrieben von: admin - 18.04.2022, 15:48 - Forum: Html - Antworten (3)

Hey!

Folgendes möchte ich umsetzen:
Ich möchtedas ganze so haben: http://prntscr.com/jwdnrt - Wenn ich mit der Maus über das Bild gehe soll das Bild wechseln, ca. so: http://prntscr.com/jwdo46

Das geht auch soweit sehr gut, ich habe es bis jetzt so umgesetzt:

Code:
   <style>

                          .Instaaagran {

                              width: 50px;

                              height: 50px;

                              background-size: 50px;

                              background: url(media/nice/colored/Instagram.png) no-repeat;

                              transition: 2.0s;

                            }

                         .Instaaagran:hover {

                             background: url(media/nice/Instagram.png)

                                 no-repeat;

                                 background-size: 50px; }

                                           .TWIIII {

                                            width: 50px;

                                            height: 50px;

                                            background-size: 50px;

                                               background: url(media/nice/colored/Twitter.png) no-repeat;

                                               transition: 2.0s;

                                                                          width: 50px;

                              height: 50px;

                              background-size: 50px; }

                                          .TWIIII:hover {

                                              background: url(media/nice/Twitter.png)

                                                  no-repeat;

                                                  background-size: 50px; }

                                                  .YYYTT {

                                                    width: 50px;

                                                    height: 50px;

                                                    background-size: 50px;

                                                      background: url(media/nice/colored/YouTube.png) no-repeat;

                                                      transition: 2.0s; }

                                                 .YYYTT:hover {

                                                     background: url(media/nice/YouTube.png)

                                                         no-repeat;

                                                         background-size: 50px; }

.flex-container {

  display: flex;

  justify-content: center;

  background-color: none;

    height: 10px;

}

.flex-container > div {

  width: 128px;

  margin: 10px;

  text-align: center;

  line-height: 100px;

  font-size: 30px;

   background-size: 50px;

}

</style>

<div class="obergeordneterflex">

    <div class="flex-container">

        <div class="Instaaagran"></div>

  <div class="TWIIII" href="http://twitter.com/playgalaxy_net"></div>

  <div class="YYYTT" href="http://youtube.com"></div>  

    </div>

  </div>

Jedoch habe ich keine Ahnung wie ich das ganze jetzt verlinken soll, dass wenn ich auf das Bild klicke ein Link sich öffnet. Wenn ich den <a> Tag nutze verschiebt sich das Bild. Sad

Viele Grüße
Jakob

Mit der Maus Button hovern und Slider Steuern

Geschrieben von: admin - 18.04.2022, 02:02 - Forum: Javascript - Antworten (6)

	So das wahr die erste Version https://basti1012.bplaced.net/index.php?...er_Steuern Wenn man das jetzt verlinken will dann kann man aus den Button ein <a> Element machen zb so. Link entfernt, weil Seite nicht mehr erreichbar Oder den Link Im Code eintippen tust Link entfernt, weil Seite nicht mehr erreichbar

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 **

Seiten (9335): « Zurück 1 … 9324 9325 9326 9327 9328 … 9335 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken