Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 43.480
» Neuestes Mitglied: foreverjackets
» Foren-Themen: 518
» Foren-Beiträge: 2.114

Komplettstatistiken

Benutzer Online

Momentan sind 79 Benutzer online
» 0 Mitglieder
» 75 Gäste
Bing, Facebook, Google, Yandex

Aktive Themen

Ghostbusters frozen empir...
Forum: Javascript
Letzter Beitrag: foreverjackets
Vor 1 Stunde
» Antworten: 0
» Ansichten: 3

Alert Fenster
Forum: Javascript
Letzter Beitrag: Sempervivum
04.05.2024, 18:25
» Antworten: 2
» Ansichten: 22

How does Tadalista affect...
Forum: Php
Letzter Beitrag: azaviona
03.05.2024, 09:36
» Antworten: 0
» Ansichten: 24

https://blog.indiagpt.com...
Forum: Javascript
Letzter Beitrag: indiagpt
03.05.2024, 08:18
» Antworten: 0
» Ansichten: 29

Unlocking the Mystery: Ne...
Forum: Datenbanken
Letzter Beitrag: richardrussel
02.05.2024, 10:20
» Antworten: 0
» Ansichten: 31

Best career counsellor in...
Forum: CoffeeScript
Letzter Beitrag: Captain12
02.05.2024, 08:13
» Antworten: 0
» Ansichten: 43

Thesis Writing Service
Forum: CoffeeScript
Letzter Beitrag: Captain12
02.05.2024, 08:10
» Antworten: 0
» Ansichten: 29

CSS Animationen verbinden
Forum: Css
Letzter Beitrag: ajmanproperties1
01.05.2024, 21:21
» Antworten: 9
» Ansichten: 726

Explore the Enchanting Be...
Forum: Javascript
Letzter Beitrag: manalitourpackage
01.05.2024, 14:20
» Antworten: 0
» Ansichten: 33

Addons blockiert
Forum: Hilfe bei Add-ons programmieren
Letzter Beitrag: jenniferbeals
01.05.2024, 00:28
» Antworten: 3
» Ansichten: 1.035

BackgroundBild fixieren nach einer Scroll höhe

Geschrieben von: admin - 19.04.2022, 00:46 - Forum: Javascript - Keine Antworten

Das erste Bild scrollt normal weg.
Das Zweite auch bis es am oberen Rand angekommen ist und bleibt dann auch stehen.
Das 3 Bild scrollt wieder ganz normal.

Link zur Lösung

Meintest du das so. Die Lösung ist vielleicht noch nicht die beste, aber wenn das Ergebnis schon mal stimmt, kommen wir die Sache schon mal näher.

Die Bilder sind jetzt doof gewählt und passen auch nicht von der Größe, aber soll ja nur die Funktion zeigen

EDIT : 2 ter Versuch
Link zur Lösung

Wenn das Ergebnis passt ,suche ich nach einer besseren Lösung. Es gibt für sowas ja schon Scripte http://pixelcog.github.io/parallax.js/
Da gibt es schon einiges an Scripte die auch gute Effekte haben und bestimmt was für euch dabei ist

Testen ob es Sprungmarken gibt

Geschrieben von: admin - 19.04.2022, 00:45 - Forum: Javascript - Antworten (1)

Testet ob es eine Sprungmarke gibt oder nicht.
DEMO

CODE;

PHP-Code:
<!DOCTYPE html>
<html>
<head>
   <title>Listen to File Update</title>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
body{
 height:1000px;
}

#as{
 margin-top:1200px;
 font-size:100px;
 color:red;
}

a{
 padding-left:20%;
}

</style>
</head>
<body>
<a href="#as">Sprung was es gibt</a>
<a href="#aa">Sprung was es nicht gibt</a> 
<div id="as">Gesprungen</div>
<script>

$('a').click(function(){
 marke=$(this).attr('href');
 marke=marke.split('#')[1];
 if(document.getElementById(marke)){
   //alert('Sprung marke exestiert')
 }else{
 alert('sprung marke gibt esnicht');
 }
})
</script>
</body>
</head> 

Den Selectfeld (Dropdown) Inhalt in Textarea einfügen

Geschrieben von: admin - 19.04.2022, 00:44 - Forum: Javascript - Antworten (1)

Wenn man im Selectfeld was aussucht wird der Inhalt des Selects an der Stelle im Textarea kopiert wo man gerade am Schreiben ist
DEMO

Das ist eigentlich nee ganz Simple Lösung die jeder Anfänger so machen würde.
Es gibt zwar noch andere Möglichkeiten das Ergebnis so hinzubekommen ,aber das tut es auch und erfüllt sein Zweck.

PHP-Code:
<!DOCTYPE html>
<html>
<head>
   <title>From Select to Textarea</title>
 <style>
body{
     text-align:center;
}

textarea{
    width:60%;
    height:200px;
    ont-size:30px;
}

h1{
   text-decoration:underline;
}
select{
    height:60px;
    width:30%;
    font-size:40px;
}
 </style>
</head>
<body>
 <h1>Aus Dropdown in Textarea Einfügen</h1>
 <textarea id="text"></textarea><br>
 <select id="selec">
       <option value=""> --- Auswahl --- </option>
       <option value="peter">Peter</option>
       <option value="heiz">Heinz</option>
       <option value="Jürgen">Jürgen</option>
       <option value="Stefan">Stefan</option>
       <option value="Basti">Basti</option>
 </select>
 <script>
document.getElementById('selec').onchange=function(){
     var text=document.getElementById('text').value;
     var select=document.getElementById('selec').value;
     document.getElementById('text').value=text+''+select+'';
} 
</script>
</body> 

Mit Jquery geht das genau so einfach ,sogar einfacher

PHP-Code:
$('#selec').change(function(){
  $('#text').html($('#text').val()+$('#selec').val());
}) 

Navi Menü

Geschrieben von: admin - 18.04.2022, 22:38 - Forum: Css - Keine Antworten

	Ich weiß nicht wie du es haben möchtest aber ich habe mal einfach was gemacht Link zur Lösung

Software gestützte Visualisierung DESITE

Geschrieben von: admin - 18.04.2022, 22:31 - Forum: Javascript - Antworten (14)

Hallo Basti1012,

ich habe soeben zwei HTML-Dateien und eine PDF auf deinen server geladen.
In der PDF habe ich versucht mein vorhaben zu erklären. Da es eine erweiterung einer bestehenden Software ist, ist es nicht so einfach ohne das Programm meine Ziele nachzuvollziehen. Ich hoffe du kanst verstehen was ich vorhabe.

4. ist am kopliziertesten, da es unmittelbar mit der bestehenden Software agiert.
diesen schritt kann ich vorrübergehend durch händige eingaben überspringen.

Noch zwei Worte zu den HTML-Dateien.
Die DbInbutForm_Alt ist die variante, in der das Funktioniert, was ich haben möchte. aber dort habe ich alles händig für jedes gewerk programmiert. ohne schleife und ohne auswahlmöglichkeit. dies ist so nicht sinnvoll und nicht zu verwenden.
Die kunst liegt nun darin die DbInbutForm_Neu mit teilen der DbInbutForm_Alt zu ergänzen.

Ich hoffe ich mute dir nicht zu viel zu.

Gruß Matthias

Accordion

Geschrieben von: admin - 18.04.2022, 21:12 - Forum: Javascript - Keine Antworten

Ein Accordion, wo sich jedes Feld einzeln öffnen lässt, aber alle auf einmal schließt.

CODE:

PHP-Code:
<!DOCTYPE html>
<html>
<head>
    <title>Accordeon mit Js</title>


<style>
body {
  color: #2c3e50;
  background: #ecf0f1;
}
h1 {
  text-align: center;
}
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
label {
  position: relative;
  display: block;
  height:60px;
  padding: 0.5em 0 0 1em;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  background: #3498db;
}
.tab-content p {
  margin: 1em;
}

.open{
  height: 10em;
  color:red;
  overflow: hidden;
  background: #1abc9c;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  background: #3498db;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 10px;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  transition: all .35s;
}
#link1{
  content:'dd';
  float:right;
  margin-top:-15px;
  padding:0 10px 0px 0;
  color:green;
}
input[type=radio] + label::after {
  content: "\25BC";
}

input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}


</style>
</head>
<body>
<div class="wrapper">
  <h1>Pure CSS Accordion</h1>

 
    <div class="tab blue">
      <input id="tab-four" type="radio" name="tabs2">
      <label data-wert="a1" for="tab-four">Label One<a href="google.de" id="link1">Link</a></label>
      <div id="a1"  class="tab-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>
      </div>
    </div>
    <div class="tab blue">
      <input id="tab-five" type="radio" name="tabs2">
      <label data-wert="a2" for="tab-five">Label Two</label>
      <div  id="a2" class="tab-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>
      </div>
    </div>
    <div class="tab blue">
      <input id="tab-six" type="radio" name="tabs2"> 
      <label data-wert="a3" for="tab-six">Label Three</label>
      <div id="a3" class="tab-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>
      </div>
    </div>
  </div>
</div>
<script>

$('label').click(function(){

  g=$(this).data('wert');
  gg=$('#'+g+'').hasClass('tab-content');
  if(gg==true){
  $('#'+g+'').removeClass('tab-content');
  $('#'+g+'').addClass('open');
  }else{
    /*die beiden Zeilen aktivieren um einzelnz zu schliessen
     $('#'+g+'').removeClass('open');
     $('#'+g+'').addClass('tab-content');
    */
  //so schliessen immer alle felder
       $('#a1,#a2,#a3').removeClass('open');//einzeln schliesen
     $('#a1,#a2,#a3').addClass('tab-content');
    
  }
  
})

</script>




</body>
</head> 

Fals fragen sind immer raus damit

Php lief nicht

Geschrieben von: admin - 18.04.2022, 21:09 - Forum: Php - Antworten (1)

Originalcode: https://hastebin.com/hajetumixo.makefile
Eine fast ganze Seite nur als echo ausgeben ist bestimmt keine gute Idee.
Das können dir aber andere bestimmt besser sagen.
Ich würde das echo weglassen und so wie du es hattest konnte er gar keine else if erkennung machen ob deine Session vorhanden ist.
Außerdem wahr dein html etwas verdreht. <style> sollte wenn es schon im html steht ganz oben im stehen. Besser wäre auslagern
Ich würde es dann so versuchen.

PHP-Code:
<?php
session_start();
if(!isset($_SESSION['userid'])) {
    die('Bitte zuerst <a href="login.php">einloggen</a>');
}
if(isset($_SESSION['staff'])) {
?>

<html>
<head>
<title>Supportarea | PlayGalaxy</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
<style>
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
body {
    font-family: 'Lato', sans-serif;
    background: #353535;
    color: black;
}
.jumbotron h1 {
    color: #353535;
}
footer {
  margin-bottom: 0 !important;
  margin-top: 80px;
}
footer p {
  margin: 0;
  padding: 0;
}
span.icon {
    margin: 0 5px;
    color: #D64541;
}
h2 {
    color: black;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mrng-60-top {
    margin-top: 60px;
}
/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
    position: relative;
    display: block;
    margin: 30px auto 0;
    padding: 14px 15px;
    color: #fff;
    font-size:14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    border-radius: 0;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
    color: #FFF;
    text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
    height: 450%;
}
a.animated-button:link, a.animated-button:visited {
    position: relative;
    display: block;
    margin: 30px auto 0;
    padding: 14px 15px;
    color: #fff;
    font-size:14px;
    border-radius: 0;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

/* Victoria Buttons */
a.animated-button.victoria-one {
    border: 2px solid #D24D57;
}
a.animated-button.victoria-one:after {
    background: #D24D57;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-two {
    border: 2px solid #D24D57;
}
a.animated-button.victoria-two:after {
    background: #D24D57;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-three {
    border: 2px solid #D24D57;
}
a.animated-button.victoria-three:after {
    background: #D24D57;
    opacity: .5;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
a.animated-button.victoria-three:hover:after {
    height: 140%;
    opacity: 1;
}
a.animated-button.victoria-four {
    border: 2px solid #D24D57;
}
a.animated-button.victoria-four:after {
    background: #D24D57;
    opacity: .5;
    -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
    opacity: 1;
    height: 600% !important;
}
/* Sandy Buttons */

a.animated-button.sandy-one {
    border: 2px solid #AEA8D3;
    color: #FFF;
}
a.animated-button.sandy-one:after {
    border: 3px solid #AEA8D3;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    
}
a.animated-button.sandy-one:hover:after {
    height: 120% !important;
    opacity: 1;
    color: #FFF;
}
a.animated-button.sandy-two {
    border: 2px solid #AEA8D3;
    color: #FFF;
}
a.animated-button.sandy-two:after {
    border: 3px solid #AEA8D3;
    opacity: 0;
    -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.sandy-two:hover:after {
    height: 600% !important;
    opacity: 1;
    color: #FFF;
}
a.animated-button.sandy-three {
    border: 2px solid #AEA8D3;
    color: #FFF;
}
a.animated-button.sandy-three:after {
    border: 3px solid #AEA8D3;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.sandy-three:hover:after {
    height: 400% !important;
    opacity: 1;
    color: #FFF;
}
a.animated-button.sandy-four {
    border: 2px solid #AEA8D3;
    color: #FFF;
}
a.animated-button.sandy-four:after {
    border: 3px solid #AEA8D3;
    opacity: 0;
    -moz-transform: translateY(-50%) translateX(-50%) rotate(25deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(25deg);
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
    transform: translateY(-50%) translateX(-50%) rotate(25deg);
}
a.animated-button.sandy-four:hover:after {
    height: 400% !important;
    opacity: 1;
    color: #FFF;
}
/* Gibson Buttons */

a.animated-button.gibson-one {
    border: 2px solid #65b37a;
    color: #FFF;
}
a.animated-button.gibson-one:after {
    opacity: 0;
    background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
    background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
    background-size: 10px 10px;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.gibson-one:hover:after {
    height: 600% !important;
    opacity: 1;
    color: #FFF;
}
a.animated-button.gibson-two {
    border: 2px solid #65b37a;
    color: #FFF;
}
a.animated-button.gibson-two:after {
    opacity: 0;
    background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
    background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
    background-size: 10px 10px;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.gibson-two:hover:after {
    height: 600% !important;
    opacity: 1;
    color: #FFF;
}
a.animated-button.gibson-three {
    border: 2px solid #65b37a;
    color: #FFF;
}
a.animated-button.gibson-three:after {
    opacity: 0;
    background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
    background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
    background-size: 10px 10px;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
a.animated-button.gibson-three:hover:after {
    height: 600% !important;
    opacity: 1;
    color: #FFF;
}
a.animated-button.gibson-four {
    border: 2px solid #65b37a;
    color: #FFF;
}
a.animated-button.gibson-four:after {
    opacity: 0;
    background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
    background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
    background-size: 10px 10px;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
a.animated-button.gibson-four:hover:after {
    height: 600% !important;
    opacity: 1;
    color: #FFF;
}
/* Thar Buttons */

a.animated-button.thar-one {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #F7CA18;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
    color: #000 !important;
    background-color: transparent;
    text-shadow: none;
}
a.animated-button.thar-one:hover:before {
    bottom: 0%;
    top: auto;
    height: 100%;
}
a.animated-button.thar-one:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 0px;
    width: 100%;
    z-index: -1;
    content: '';
    color: #000 !important;
    background: #F7CA18;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #F7CA18;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
    color: #000 !important;
    background-color: transparent;
    text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
    top: 0%;
    bottom: auto;
    height: 100%;
}
a.animated-button.thar-two:before {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 100%;
    z-index: -1;
    content: '';
    color: #000 !important;
    background: #F7CA18;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #F7CA18;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-three:hover {
    color: #000 !important;
    background-color: transparent;
    text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}
a.animated-button.thar-three:before {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000 !important;
    background: #F7CA18;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #F7CA18;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four:hover {
    color: #000 !important;
    background-color: transparent;
    text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
    right: 0%;
    left: auto;
    width: 100%;
}
a.animated-button.thar-four:before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000 !important;
    background: #F7CA18;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
    
    table, th, td {
    border: 0px solid black;
    border-collapse: collapse;
        text-align: center;
}
th, td {
    padding: 5px;
    text-align: center;  
}
    
body{
  margin:0;
  padding:0;
    text-decoration: none;
    text-align: center;
            background-image: url(background.png)
}
    
.Achtung{
        color: darkred;
        font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
    
.stafftheme{
        
    background-color: white;
}
</style>
</head>
<body>
    <br>
    <img class="img animated bounceinleft" src="img/Logo.png">
 <div class="container"> 
  <!-- Example row of columns -->
<div class="row">
    <div class="col-md-12 text-center">
     <br><br>
    </div>
  </div>
<div class="row animated bounceinleft">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="staff-allgemein.php" class="btn btn-sm animated-button victoria-one">Allgemeines</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="staff-tb.php" class="btn btn-sm animated-button victoria-two">Teambesprechungen</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="staff-support.php" class="btn btn-sm animated-button victoria-three">Supportarea</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="ez/login.php" class="btn btn-sm animated-button victoria-four">Mod/Admin Area</a> </div>
 </div>
</div><br><br><div class="animated bounceinup">
<h2>SUPPORTAREA</h2>
<table style="width:100%">
<tr>
<th><h1>Ban eintragen</h1>
<p>Klicke <a href="https://discord.gg/xdHjdFR">hier</a> um Deinen Ban einzutragen.</p> <br><br>
<td><h1>Reports einsehen</h1>
<p>Klicke <a href="https://discord.gg/32qw6Qc">hier</a> um alle Reports und Details zu sehen.</p> </td>
</tr>
</table>
<table style="width:100%">
 <tr>
<th><h1>Registrierte User</h1>
<p>Klicke <a href="https://discord.gg/xdHjdFR">hier</a> um alle registrierten User zu sehen.</p> <br><br>
<td><h1>Supportbereich wechseln</h1>
<p>Klicke <a href="https://discord.gg/32qw6Qc">hier</a> um eine Anfrage zu stellen.</p> </td>
</tr>
</table>  </div>
</body>
 </html>
<?php
echo '<a href="logout.php">Log dich aus</a>';
}else{
echo "<h2>Error</h2>Du hast keinen Admin Status <a href='geheim.php'>Zum Passwort gesicherten Bereich zurück</a>";
}
?>

Fals einer das anders Lösen würde dann immer raus damit

Wie entferne ich einen Schlüssel aus einem Hash?

Geschrieben von: admin - 18.04.2022, 18:48 - Forum: Ruby - Antworten (1)

	Wie entferne ich einen Schlüssel aus einem Hash?

So füllen Sie den Fußzeilenbildschirm aus

Geschrieben von: admin - 18.04.2022, 18:41 - Forum: Bootstrap probleme - Antworten (3)

	Gibt es eine Möglichkeit, den Fußzeilenbildschirm auf großen Geräten zu füllen? Ich habe es bei margin auto eingerichtet; Es sieht auf Smartphones gut aus, aber wenn es um große Bildschirme geht, füllt es nicht aus. irgendein Rat? Vielen Dank im Voraus.

Filtertabelle nach Feld stammt....

Geschrieben von: admin - 18.04.2022, 18:35 - Forum: DataTables - Antworten (2)

Hallo zusammen,
Ich habe ausführlich gesucht und kann die Antwort nicht finden, ich beabsichtige, die Tabelle mit einem Feld von der HTML-Seite zu filtern.
Unterhalb meines Codes möchte ich nach dem Feld "Owner.Own_Id" filtern, das ich im Code habe (Suche: "1").

Code:
function loadDataTable() {

dataTable = $('#tblData').DataTable({

"ajax": {

"url": "/Admin/Property/GetOwners",

type: "GET",

contentType: "application/json ",

dataType: "json",

success: function(date) {

alert(data.d.date)

}

},

pageLength: 10,

searchCols: [null, { search: "1" , "regex": true }, null , null, null, null, null, null],

lengthMenu: [2, 5, 10, 20, 50, 100, 200, 500],

"Spalten": [

{ "data": "prop_Id", "width": "3%" },

{ "data": "owner.own_Id", "width": "3%" },

Seiten (51): « Zurück 1 … 37 38 39 40 41 … 51 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken