Javascript-forum
Portal

Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.624
» Neuestes Mitglied: mahesh474146
» Foren-Themen: 536
» Foren-Beiträge: 2.153

Komplettstatistiken

Benutzer Online
Momentan sind 60 Benutzer online
» 1 Mitglieder
» 56 Gäste
Bing, Facebook, Google

Aktive Themen
button class"button-link"
Forum: Javascript
Letzter Beitrag: Sempervivum
Vor 1 Stunde
» Antworten: 1
» Ansichten: 9
Cenforce 100: Uses, Effec...
Forum: Ruby
Letzter Beitrag: annasmith011
Vor 6 Stunden
» Antworten: 0
» Ansichten: 4
Treatment for Erectile Dy...
Forum: Hilfe bei Add-ons programmieren
Letzter Beitrag: annasmith011
Vor 6 Stunden
» Antworten: 0
» Ansichten: 13
Nitazoxanide 500 mg: The ...
Forum: Hilfe bei Add-ons programmieren
Letzter Beitrag: annasmith011
Vor 6 Stunden
» Antworten: 0
» Ansichten: 4
Isotretinoin 20 mg: Trans...
Forum: Wie erstelle ich ein Addon ?
Letzter Beitrag: annasmith011
Vor 6 Stunden
» Antworten: 0
» Ansichten: 4
Fildena 100: Role in Erec...
Forum: Wie erstelle ich ein Addon ?
Letzter Beitrag: annasmith011
Vor 6 Stunden
» Antworten: 0
» Ansichten: 9
Memorable Experience With...
Forum: Javascript
Letzter Beitrag: harryseo
01.06.2024, 12:51
» Antworten: 2
» Ansichten: 236
Saran Link Slot Gacor Rin...
Forum: Javascript
Letzter Beitrag: loveydovey
01.06.2024, 09:22
» Antworten: 0
» Ansichten: 18
Love problem solution
Forum: Javascript
Letzter Beitrag: MuslimMolviBaba
01.06.2024, 08:21
» Antworten: 0
» Ansichten: 22
Gampang Menang Jackpot Sl...
Forum: Javascript
Letzter Beitrag: loveydovey
01.06.2024, 08:08
» Antworten: 0
» Ansichten: 17

  Hover-Dropdown-Menü
Geschrieben von: admin - 18.04.2022, 16:01 - Forum: Css - Antworten (7)

Hab heute ein Hover-Dopdown-Menü erstellt, wobei der Dropdown Button erscheint sobald man mit der Maus über ein gewünschtes Feld fährt.
Der Dropdown Button erscheint dann in diesem.
Hier kurz der simple Code:

Code:
.Feld.dropdownbutton{
 display:none;
}
.Feld:hover .dropdownbutton{
 display:block;
 position: absolute;
 right:0;
 top:0;
 margin-right: 5%;
 border: 0px;
 background-color: transparent;
 outline: none;
 cursor: pointer;
width: 8px;
height: 25px;
}
Drucke diesen Beitrag

  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
Drucke diesen Beitrag

  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

Drucke diesen Beitrag

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

Drucke diesen Beitrag

  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

Drucke diesen Beitrag

  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>
Drucke diesen Beitrag

  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

Drucke diesen Beitrag

  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 
Drucke diesen Beitrag

  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

Drucke diesen Beitrag

  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

Drucke diesen Beitrag