allgemeine fragen zu Javascript

  • Das einfachste ist wahrscheinlich, wenn Du diesem div einen negativen z-index gibst, das sollte ihn in den Hintergrund befördern.

    das ist witzig das hatte ich mir auch gedacht und habe z-index:-1; gemacht und hat nicht geklappt...


    jetzt wo du es auch noch mal geschrieben hast habe ich z-index-100 gemacht und hat auf meiner test seite geklappt... wahrscheinlich muss man den z-index auf jeder seite extra anpassen damit der div nach ganz unten kommt.... wie auch immer ich danke dir ,wieder was gelernt und jetzt baue ich mir eine hintergrunds animation.weiss noch nicht was abeer da ich mit css noch lernen will fält mir bestimmt was ein ...


    hattest du da mal reingeschaut ??

    Objektsteuerung

    möchte mit meiner antwort da nix falsches sagen

  • Ja, den Thread habe ich verfolgt. Das Fiddle, das Du dort gepostet hast, funktioniert doch einwandfrei. Auf das letzte Posting des TO bin ich nicht eingegangen, weil er den Code so hingeworfen hat, ohne es zu erklären (welchen Code hat er verwendet, anscheinend deinen. Funktioniert das jetzt oder nicht? Wenn nicht, was geht nicht?)

  • bis jetzt hat er sich ja nicht mehr gemeldet ...hatte seinen dahingeworfenen code erst bei fiidle getestet da ging er nicht wie er es auch sagte...hatte nur die css in <style></syle> reingemacht und dann lief es ja...hatte das schon mal öfters wo anders geshen deswegen dachte ich es könnte daran liegen,zumindest geht es ja jetzt ..mal kucken was er sagt wenn er wieder da ist ... ja meinen code von der box bewegung hat er genommen und noch was dazu gemacht .... ich sage immer solange ein code kein mist macht wie endlose schleife und fehler in der konsole,und alles funktioniert,das ist die hauptsache.:)

  • Tach allerseits.

    Ist eine Menge Text in diesen Thema.

    Habe euer Gespräch mit den alert mitgelesen und bin auf einer Idee gekommen.

    Ich möchte eure Alerts benutzen und mit den Originalen vom Browser ersetzen,mit Text.

    Alerts Deaktivieren kriege ich hin,aber wie bekomme ich den Text in euren Alerts rein?

  • ich denke das klappt so


    Code
     var replaceAlert=true; 
      if(replaceAlert){ 
        window.alert = lade_eigenen_alert_in_einer_function; 
      }

    aber den inhalt des alerts den man geblockt hat ,an den komme ich nicht dran ich weiss nicht ,weiss nicht mal ob das geht ...


    wozu brauchst du das den ???? für eigene homepage?? willst du per userscripte eine vorhandene seite die alerts austauschen ??


    vieleicht weiss Sempervivum wie man den inhalt des alerts auslesen kann?? vieleicht geht das auch mit php ,aber ich kann da jetzt nicht weiter helfen...

  • Liebe Leute,


    ich versuche selber einen Adventskalender zu machen.


    Ich habe dank einem Tutorial als jemand, der nicht so viele Ahnung über Programierung hat, ein gutes Stuck fertig gemacht.


    leider versuche ich seit einer Woche java script und jquery zu verstehen und mit html einzubinden.

    Langsam bin ich ratlos...


    Ich wäre sehr bedankbar, wenn mir jemand weiterhelfen könnte.

    Bis jetzt was ich gemacht habe sieht so aus:


    <!DOCTYPE html>


    <html>


    <head>



    <title>ADVENTSKALENDER 2018</title>



    </head>


    <body>






    <div id="bg">



    <div align=center>


    <h1> Adventskalender 2018!

    </h1





    <div class="Kalender">

    <div class="door">17</div>

    <div class="door">11</div>

    <div class="door">8</div>

    <div class="door">25</div>

    <div class="door">5</div>

    <div align=center>

    </div>


    <div class="Kalender">

    <div class="door">6</div>

    <div class="door">16</div>

    <div class="door">24</div>

    <div class="door">2</div>

    <div class="door">20</div>

    </div>


    <div align=center>

    </div>


    <div class="Kalender">

    <div class="door">21</div>

    <div class="door">3</div>

    <div class="door">15</div>

    <div class="door">23</div>

    <div class="door">9</div>

    </div>


    <div align=center>

    </div>


    <div class="Kalender">

    <div class="door">10</div>

    <div class="door">7</div>

    <div class="door">22</div>

    <div class="door">18</div>

    <div class="door">13</div>

    </div>


    <div align=center>

    </div>


    <div align=center>

    </div>


    <div class="Kalender">

    <div class="door">21</div>

    <div class="door">4</div>

    <div class="door">19</div>

    <div class="door">12</div>

    <div class="door">1</div>

    </div>





    <div class="Kalender">

    <div class="door">14</div>


    <div id="snow">

    </div>

    </div>







    </body>


    <footer>


    <img src="https://www.kleinwild.de/skin/frontend/base/default/images/kleinwild_logo.png"/>

    </footer>




    <style>


    h1 {color:white; font-size:50px; font-family:Baskerville Old Face;

    }

    *{

    margin:0;

    }



    #bg{

    background-image: url('http://www.wallpaperme.de/file/1045/1920x1080/crop/fr%C3%B6hliche-weihnachten.jpg');

    width:100%;

    height:100vh;

    }


    /* Advent Kalender*/


    .door {

    /*size of box*/

    width: 75px;

    height: 75px;


    /*border style*/

    border-style: solid;

    border-width: 2px;

    border-radius: 5px;

    border-color: #000;

    margin: 20px;

    /*text style*/

    text-align:center;

    display:inline-block;

    vertical-align:middle;

    box-shadow: 10px 10px 5px #888;

    font-size:300%;

    color: #F00;

    /*background*/

    background-color: #FFF;

    opacity: 0.5;

    }


    .door:hover {

    background-color:#256B9F;

    color: FFF;

    font-family:Embassy-BT;

    }

    </style>


    </html>


    aber mir fehlt code für türchen klickbar zu machen und text zu verstecken...

    ||

  • Schweigt sich das Tutorial darüber aus?

    Probiere dieses Javascript:

    Code
    <script>
            var tuerchen = document.querySelectorAll(".door");
            for (var i = 0; i < tuerchen.length; i++) {
                tuerchen[i].addEventListener("click", function () {
                    this.classList.add("open");
                    this.innerHTML = "";
                })
            }
        </script>

    und dieses CSS:

    Code
            .door.open {
                background-color: transparent;
            }
  • @Sempervivum


    Danke für deine Hilfe. Der Code funktioniert bei mir nicht. :/


    tutorial sagt eigentlich viel aber nutzt jquery und javascript und davon habe ich keine Ahnung.


    Ich bin sehr frisch in diesem Bereich.

    Vieleicht habe ich Fehler gemacht, da ich zu viele div class dür tuerchen habe??


    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.
    sad ist tutorial, den ich benutzt habe

  • Ich habe es erstmal in head eingefügt aber jetzt funktioniert dein Code auch bei mir. Tausend Mal danke :)

    also ich möchte, wenn jemand auf das Türchen klickt, das ihm Text gezeigt wird. Wie kann ich jetzt jedem Tag einen anderen Text einfügen?


    Ist das mit alert und pop up?


    wenn der Text angezeigt wird, würde ich #weiseflaeche einfügen ein ein Schnee effekt animation (dafür habe ich Code) aber bin echt gespannt, ob es alles klappt...

    nochmal Danke und ich wünsche dir einen schönen Abend noch. :saint:

  • Sempervivum ist es möglich den inhalt vom alert auszulesen,und ihn in einen eigenen Alert anzuzeigen.

    Wie man eigene Alerts macht das habt ihr ja hier schon gezeigt,nun würde ich den Originalen Text vom Alert in meinen eigenen Alert anzeigen.

    Ist das irgendwie möglich

  • Sempervivum ist es möglich den inhalt vom alert auszulesen,und ihn in einen eigenen Alert anzuzeigen.

    Wie man eigene Alerts macht das habt ihr ja hier schon gezeigt,nun würde ich den Originalen Text vom Alert in meinen eigenen Alert anzeigen.

    Ist das irgendwie möglich

    wird doch angezeigt ..

    https://jsfiddle.net/basti1012/k80Lh5bv/1/


    vieleicht ist es so einfacher zu verstehen ..mach die console da weg und fummel dir da das rein wie du es brauchst zb wie in beispiel.


    EDIT scheisse ich sehe erst jetzt das beim update mein name im link ist ..sollte beim update wohl drauf achten mich vorher auszuloggen.. sorry Sempervivum

  • Draga_90: Du hättest für den Adventskalender besser einen neuen Thread auf gemacht, so geht es hier ein wenig durcheinander.

    HTML:

    Code
    <div class="door"><span class="contentclose">17</span><span class="contentopen">Offen 17</span></div>

    CSS:

    Jetzt musst Du nur noch verhindern, dass ein Türchen zu früh geöffnet wird. Sie dir dazu mal dies an:
    Adventskalender

  • Ich Danke euch!

    Jetzt brauche ich noch ein einfachen nachgebauten Alert ohne viel schnick schnack.

    Gibt es da was fertiges?,oder kann mir da mal einer helfen so was umzusetzen?

    https://jsfiddle.net/basti1012/ydgpzj8o/1/


    hatte langeweile..sollte die normalen alerts abfangen und in den neuen alert anzeigen...


    hat alles noch paar schönheits fehler,musst du wohl noch etwas dran fummeln,,,hatte auf der scznelle gerade keine zeit es perfekt zu machen ...

    ehrlich gesagt kann ich es perfek5t auch noch nicht;(

  • basti1012 was heisst den Schönheitsfehler?

    Ausser das es bunt ist finde ich es ok.

    Ich werde mir das noch ein wennig umgestalten und dann benutzen,wenn ihr nix dagegen habt?


    Wie kann man den da die Position ändern?

    Kann man die farbe auch relativ zur Uhrzeit und Antwort ändern?

    Vielen Dank an euch das ihr mich Plegefall trotz nerverrei helfen tut.

  • Sorry ,habe noch eine Frage zum Alert.

    Bei einen normalen Alert,wenn der angezeigt wird,ist ja nix anderes mehr anklickbar.

    Bei euren Alerts ist das aber nicht so.

    Kann man das da genau so machen?

  • nix dagegen habt?


    Wie kann man den da die Position ändern?

    Kann man die farbe auch relativ zur Uhrzeit und Antwort ändern?

    Vielen Dank an euch das ihr mich Plegefall trotz nerverrei helfen tut.

    nein nix dagegen;


    Positsion kannst du hier ändern

    alertdiv.style.top = hi - 100 + 'px';

    alertdiv.style.left = wi - 75 + 'px';


    zb in so

    alertdiv.style.top = '200px';

    alertdiv.style.left = '250px';


    aber das

    Kann man die farbe auch relativ zur Uhrzeit und Antwort ändern?

    Vielen Dank an euch das ihr mich Plegefall trotz nerverrei helfen tut.

    Helfen tun wir gerne wenn wir können..

    aber farbe relativ zur antwort ändern verstehe ich nicht ,erklär mal bitte genauer ..


    man könnte die farben zur bestimmten uhrzeit ändern zb jede stunde nee andere farbe.

    oder wenn im alerts zum beispiel nee antwort NEIN steht oder ACHTUNG das er dann rot ist oder so ,das geht natürlich auchh

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!