Beiträge von basti1012

Bei dein 2 ten problem glaube ich das du das so meinst https://codepen.io/basti1012/pen/WaGGWa ?

Der Close Button ist jetzt da wo der open Button ist ( kannst du ja wieder ändern ),, weil finde ich irgendwie blöd wenn man Open klickt und der Close Button dann auf einmal an einer ganz anderen Stelle ist. Vieleicht geschmackssache ,aber ich mag es nicht.

Nur bei dein ersten problem ist ja so ne sache. Vieleicht solltest du dir ein Dropdown Menü bauen , oder wenn du auf "drifters" klickst und so das es sich dann in einen Popup öffnen den man mit X wieder weg klicken kann.

Deine Zeichnung verstehe ich nicht ganz. Willst du das jetzt wie bei deinen Beispiel Menü da so machen , das die verlinkungen dann von der Seite reinfahren damit du direkt zur andere Seite wechseln kannst ? Also wie ein Dropdown Menü nur das es nicht immer sichtbar ist und von der Seite rein kommt ?

EDIT: Zeichnung habe ich jetzt verstanden. Ok , das bekommst du hin,bist ja schon auf nen guten weg dahin.

Das geht mit Css. Das jetzt frei Hand selbst zu erstellen erfordert etwas geschick. Aber wenn man mal kurz googeln geht finden sich da auch reichlich Beispiele im Netzt.

Habe jetzt keine zeit zum Goggeln aber hier ist ein Beispiel wie man eine abgeknickte Ecke macht

https://codepen.io/lucho_casse/pen/jrrKpJ

Jetzt muß man mit Css ,perspective und rotate und hover nur noch die Ecke drehen. Aber wie gesagt , mit etwas suchen sollte man auch was komplettes finden

Also die gewürfelten Zahlen sollen unten Links im Kasten stehen ? Dann alle zusammen rechen und das ergebniss dann in rechten Feld stehen. Sehe ich das richtig. ?

PS: Habe das mal gerade versucht und muß sagen das es sich ganz einfach umsetzen läst.Es gibt zwar viele Wege und das wahr meiner.

Die gewürfelten Zahlen läßt man ganz normal unten im Feld anzeigen so wie du die oben auch anzeigen läßt . Das sollte nicht dein problem sein das solltest du hinbekommen. Dann läst du die Gewürfelte Zahl in ein Feld anzeigen ( Bei mir id="gesammt" ). Beim nächsten Würfeln liest du die Zahl aus "id Gesamt" wieder aus und rechnest die mit der neuen gewürfelten Zahl wieder zusammen und läßt sie wieder in den Feld Gesamt anzeigen. So hast du nach jeden Würfeln die Gesamt Zahlen .

Dein Script habe ich am Anfang gleich geändert ,weil deins ist zu lang das brauch man so nicht.

Bei randomNumber1() gibst du die max Zahl und Würfelnummer gleich mit . randomNumber(1,4). Das machst du bei jeden Würfel

randomNumber(1,4)

randomNumber(2,6)

randomNumber(3,10)

usw.

Dann sieht dein Script insgesamt nur noch so aus

function randomNumber(a,b) {
  var min1 = 1;
  var max1 = b;
  var elem1 = document.getElementById('output'+a);
  elem1.innerHTML = rand1(min1, max1);
}
function rand1(min1, max1) {
    return Math.floor(Math.random() * (max1 - min1 + 1)) + min1;
}

Mehr brauchst du bei deinen Script nicht.Da sind jetzt noch nicht deine gewollte änderungen drinne , das wahr jetzt nur dein Script und zwar kürzer. Wie du das andere hinbekommst habe ich dir geschrieben. Fals es nicht klappt dann melde dich nochmal

Ich habe es jetzt mit TageName undClassName hinbekommen ,aber mit Id geht es nicht .Hat da einer nee erklärung für ? Oder eine möglichkeit das auch hinzubekommen , oder ist mein Weg schon wieder Müll?

function HTMLDOM(content) {
    var dummy = document.createElement('div');
    dummy.innerHTML = content;
    return dummy;
}

      GM_xmlhttpRequest({
        method: 'GET', 
               url:'https://diese-seiter/'+x+'', 
               onload: function(responseDetails) {
                 if (responseDetails.status == 200) {
                    var content = responseDetails.responseText;
                    var doc = HTMLDOM(content);
                    var id = doc.getElementsByClassName("hosterSiteDirectNav");
// Das geht komischerweise nicht        var id=doc.getElementById('stream');
                    var ul = id[0].getElementsByTagName('ul');
                 }
              }}
    });

Es geht um ein User Script.

Nehmen wir mal zum Spaß diese Seite. Wenn ich jetzt das userscript anschmeise und eine ID auf dieser Seite auslesen will mache ich es ja so

document.getElementById('profilid');

jetzt bin ich aber auf einer anderen Seite und möchte den Inhalt trotzdem haben . Also kommt request in frage . Zur zeit hole ich es immer mit split ,, zb so

GM_xmlhttpRequest({
                  method:"GET", 
                  url:'diese-seite-.de, 
                  onload:function(responseDetails) {
                        var content = responseDetails.responseText; 
                        var id=content.split('id="profilid">')[1].split('</div')[0];
}});

wenn da jetzt noch andere divs mit in den Container sind habe ich nicht mal den ganzen Container.

Ich habe das mal gesehen das es irgendwie so in der art geht

GM_xmlhttpRequest({
                  method:"GET", 
                  url:'https://diese-seite/'+x+'', 
                  onload:function(responseDetails) {
                        var content = responseDetails.responseText; 
                        var id=content.getElementById('profilid');
}});

nur das funkioniert so nicht.Ich finde das auch nicht wieder und finde auch bei googel nix passendes . Also wie kann man mit requesten die Ids, class, und tags auslesen ohne das split gedöns ?

Habe ich das richtig verstanden das unangemeldete user erst nach 30 Sekunden schreiben dürfen ?

und Registrierte User dürfen sofort schreiben ?

Du solltest aber auch weites gehend auf Javascript verzichten weil man das umgehen kann und die Bot Entwickler entwikeln ihre Bots ja auch immer weiter und umgehen irgendwann die sperren die das Javascript verhindert

Zitat von otto0109

Und wenn jemand dabei ist, er Ahnung hat, könnte er mir vielleicht auch beantworten, wie man die Farbe vom x beim <input type:"search"> verändert.

Mein goggeln ergab das man es entfernen kann aber nicht ändern. Man könnte es mit einen extra element überlagern und dann ein eigenes X gestallten. Zum schluß sollte es aussehen wie original. Nur wie man die Farbe ohne den Trick wechselt konnte ich auch nicht ergoggeln

Hier hast du was zum lesen ,da ist das eigentlich recht gut erklärt wie das mit den ankern geht

https://wiki.selfhtml.org/wiki/HTML/Tuto…nterne_Verweise

Hast du Jquery runtergeladen und auf den Server gelegt ?

Nimm mal eine neuere Version von Jquery.

Komplett alles s könnte dann so aussehen dann geht es auch.

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Titel</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <style>
      *, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{background:#bdc3c7;line-height:1.5;font-family:sans-serif;text-transform:uppercase;font-size:16px;color:#fff}
a{text-decoration:none;color:#fff}
#header{background:#1E262D;width:100%;position:relative}
#header:after{content:"";clear:both;display:block}
.search{float:right;padding:30px}
input{border:none;padding:10px;border-radius:20px}
.logo{float:left;padding:26px 0 26px}
.logo a{font-size:28px;display:block;padding:0 0 0 20px}
nav{float:right;}
nav>ul{float:left;position:relative}
nav li{list-style:none;float:left}
nav .dropdown{position:relative}
nav li a{float:left;padding:35px}
nav li a:hover{background:#2C3E50}
nav li ul{display:none}
nav li:hover ul{display:inline}
nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:20px 0;border-bottom:3px solid #34495e}
nav .dropdown li{white-space:nowrap}
nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px}
nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}
nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nav li li a:hover{background:#bdc3c7;background:#FAFBFB}
.mega-col{width:25%;float:left}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #fff;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1170px) {
  nav >ul>li >a{padding:35px 15px}
}
@media only screen and (min-width: 960px) {
  nav{display:block!important}
}
@media only screen and (max-width: 959px) {
  nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
  #menu-icon{display:inline;top:45px;cursor:pointer}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  .search{float:none}
  .search input{width:100%}
  nav{padding:10px}
  nav ul{float:none}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header nav a{color:#fff;padding:8px}
  #header nav a:hover{background:#fff;color:#333;border-radius:3px}
  #header nav ul li li a:before{content:"- "}
  .mega-col{width:100%}
}

.FIXED{
  width:100%;
  position: fixed;
}
</style>
      </head>
  <body>
<div class="FIXED">
    <div id="header">
        <div class="logo">
          <img style="margin-left:60px;width:70px;height:35px;" src="https://https://upload.wikimedia.org/wikipedia/commons/b/be/Lineage_OS_Logo.png">
        </div> 
        <nav>
          <form class="search" action="search.php"> 
            <input name="q" placeholder="Suche..." type="search">
          </form>
          <ul>
            <li>
              <a href="">START</a>
            </li>
            <li>
              <a href="">ÜBER UNS</a>
              <ul class="mega-dropdown">
                <li class="row">
                  <ul class="mega-col">
                    <li><a href="#"><b></b>></a></li>
                    <li><a href="#">Moderation</a></li>
                    <li><a href="#">Design</a></li>
                  </ul>
                  <ul class="mega-col">
                    <li><a href="#">Help</a></li>
                    <li><a href="#">Pricing</a></li>
                    <li><a href="#">Team</a></li>
                    <li><a href="#">Services</a></li>
                  </ul>
                  <ul class="mega-col">
                    <li><a href="#">Coming Soon</a></li>
                    <li><a href="#">404 Error</a></li>
                    <li><a href="#">Search</a></li>
                    <li><a href="#">Author Page</a></li>
                  </ul>
                  <ul class="mega-col">
                    <li><a href="#">Full Width</a></li>
                    <li><a href="#">Right Column</a></li>
                    <li><a href="#">Left Column</a></li>
                    <li><a href="#">Maintenance</a></li>
                  </ul>
                </li>
              </ul>        
            </li>
            <li class="dropdown">
              <a href="">TEAM</a>
                <ul>
                  <li><a href="#">Administration</a></li>
                  <li><a href="#">Moderation</a></li>
                  <li><a href="#">Design</a></li>
                </ul>        
            </li>
            <li>
              <a href="">FAQ</a>
            </li>
            <li>
              <a href="">TEST</a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
      <script>
              $('#header').prepend('<div id="menu-icon"><span class="first"></span><span class="second"></span><span class="third"></span></div>');
    
    $("#menu-icon").on("click", function(){
    $("nav").slideToggle();
    $(this).toggleClass("active");
});
</script>
  </body>
</html>

Das hatte ich auch schon versucht. Das Thema ist schon paar Tage her.

titel attribute zum Tooltip machen

Aber wie Arne Drews schon sagt wirst du das Originale title atribute nicht gestallten können. Da mußt du das Originale löschen und dir selbst eins gestallten

Der Validator meckert tatsächlich ja nicht. ?!

Anfaengerhtml dann mach es wie du es möchtest, dann schreibe ich halt es sieht schöner und übersichtlicher aus wenn es im <head> Bereich stehen tut

Ohne das zu testen würde ich mal sagen das Jquery eingebunden werden sollte. Zumindest ist es hier nicht zu sehen. Und warum hast dumitten im code<style> Tags ? Die gehöhren nach oben in head rein.

EDIT: Habe es jetzt getestet und es liegt daran das du kein Jquery eingebunden hast . Sonst geht alles.Aber mach mal deine <style> Tags an der richtigen stelle,so ist das nicht korekt und nicht Valide

Kuck dochmal ob das dir helfen kann

https://datatables.net/

Damit kann man schon einiges anfangen. Ob das Script auch das kann was du meinst weiß ich nicht genau weil ich es nicht ganz kapiert habe. Aber wenn es einer kann dann datatables

Ich bin nicht gerade der beste in mysqli , aber ich habe es am laufen bekommen.

Benutzt du eigentlich keine error reports ?

Zeile 18 benutzt du mysql. Wenn dann muß es mysqli heißen und 2 parameter enthalten ,oder du änderst den Code davor auch in mysql.

Aber das ist Mist weil mysqli neuer ist und mysql bei den alten php Versionen schon nicht mehr läuft.

Ich habe Zeile 18 so gemacht

$result = mysqli_query($db,$sql)  or die ("MySQL-Error: " . mysqli_error($db));

dann kannst du mit $result noch abfragen machen ob speichern geklappt hat oder nicht.

zeile 23 kommt weg oder auskommentieren.

Zeile 15 ,habe keine Ahnung was die macht , wenn man es auskomentiert dann funktioniert der Code jetzt.

Dann sollte man die Datein noch filtern und vor der Eingabe in den query noch escapen.

Aber gut. Warte mal wenn einer der Php Profis online kommen die zeigen und erklären dir das dann besser

Jetzt meine ich Zeile 23 . In 24 ist das Ende von php , das ist mir klar ,nur was soll die Query abfrage da?

Ich bin in sql noch nicht ganz so gut und deswegen frage ich ja was da passiert? Weil für mich ergibt das gerade kein sinn

Mal ne Frage. Was machst du den in Zeile 36 ?

Irgendwas vorbereitet oder was soll das werden ?

und jquery einbinden nicht vergessen! Das wird gerne öffters übersehen.

Oder du schreibst den Code um das er ohne Jquery läuft.

So ungefähr

window.onload=function(){
var idleTime = 0;
var idleInterval = setInterval(function(){logout()}, 1000);

element=document.getElementsByTagName('body')[0];
element.addEventListener('mousemove', function(e) {idleTime = 0;})
element.addEventListener('keypress', function(e) {idleTime = 0;})
        function logout() {
                idleTime++;
                if (idleTime > 300) {           
                        window.location.href = "logout.php"
                }
        }
}

Aber das geht bestimmt noch kürzer kürzer ( besser ). Vieleicht kann Arne Drews dazu was sagen ,der beherscht das native Javascript und längen besser als ich

ich hätte es etwas anders gemacht aber so geht es natürlich auch.

Dein Code läuft bei mir so

var idleTime = 0;
        $(document).ready(function () {
               var idleInterval = setInterval(function(){logout()}, 1000);
               $(document).mousemove(function (e) {
                    idleTime = 0;
               });
               $(document).keypress(function (e) {
                    idleTime = 0;
               });
        });
        function logout() {
                idleTime++;
                if (idleTime > 300) {           
                        window.location.href = "logout.php"
                }
        }

Du läst einen Counter mit laufen wenn einer deine Seite besucht. Sobald die Maus bewegt ( mouse events ) wird stelltst du den Timer ( setInterval ) wieder auf 0. Sobald die Maus sich nicht mehr bewegt zählt der Zähler wieder hoch und sobald er 5 Minuten erreicht hat läst du die Seite umleiten ( location.href='deineseite.de';.

So könnte man es machen .Aber gibt auch noch andere möglichkeiten

Als erstes schreibst du dein problem am besten genau wie möglich ,wie und was dein Problem ist und was du erreichen willst.

Dann schreibst du vieleicht noch dazu was du schon versucht hast zu machen um den Fehler zu finden ,bzw dein Projekt umzusetzten.

Css und andere Codes kannst du hier in der Blauen Leiste wo </> steht rein schreiben.

Die Codes sollte immer darein geschrieben werden weil es einfach übersichtlicher aussieht. Es gibt Leute die schreiben den Code hier einfach so rein und bei sehr langen Code ist das echt unübersichtlich.

Ach so wenn du ein Thema auf machst wähle eine Aussagekräftige Überschrift die zu deinen Problem passt