allgemeine fragen zu Javascript

basti1012 · 20. November 2017

Zitat von Sempervivum

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

Sempervivum · 20. November 2017

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?)

basti1012 · 20. November 2017

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.

derneue2017 · 20. November 2017

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?

basti1012 · 21. November 2017

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

Sempervivum · 21. November 2017

Nicht blocken, sondern ersetzen:

https://jsfiddle.net/Sempervivum/k80Lh5bv/

Draga_90 · 21. November 2017

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>

<h1> Adventskalender 2018!

</h1

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</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...

Sempervivum · 21. November 2017

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;
        }

Draga_90 · 21. November 2017

@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

Sempervivum · 21. November 2017

Wo hast Du das Javascript eingefügt? Es muss vor dem schließenden </body> stehen. Wenn es dann immer noch nicht funktioniert, dann poste den neuen Code. Ich hatte es getestet und es hatte funktioniert.

Draga_90 · 21. November 2017

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.

derneue2017 · 21. November 2017

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

basti1012 · 21. November 2017

Zitat von derneue2017

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

Sempervivum · 21. November 2017

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:

Code

span.contentclose {
            display: inline;
        }
        span.contentopen {
            display: none;
        }
        .door.open span.contentclose {
            display: none;
        }
        .door.open span.contentopen {
            display: inline;
            font-size: 0.8em;
        }
        .door.open {
            background-color: transparent;
        }

Alles anzeigen

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

derneue2017 · 21. November 2017

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?

basti1012 · 21. November 2017

Zitat von derneue2017

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

derneue2017 · 22. November 2017

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.

derneue2017 · 22. November 2017

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?

basti1012 · 22. November 2017

Zitat von derneue2017

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?

Jo https://jsfiddle.net/basti1012/ydgpzj8o/3/ nimm das bzw baue es dir um

basti1012 · 22. November 2017

Zitat von derneue2017

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

Zitat von derneue2017

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

allgemeine fragen zu Javascript

Jetzt mitmachen!

Teilen