JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

LG

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

Computer, online, HTML, programmieren, JavaScript, JQuery
Ich weiß nicht was ich falsch gemacht habe mit PermissionsEX?

groups:

 Landstreicher:

   options:

     prefix: '&7'

     default: true

   permissions:

   - essentials.tpaccept

   - essentials.tpa

   - essentials.pay

   - modifyworld.

 YT:

   inheritance:

   - Landstreicher

   options:

     prefix: '&d'

     default: false

   permissions:

   - modifyworld.

YT+:

  inheritance:

   - Landstreicher

   - YT

   options:

     prefix: '&5'

     default: false

   permissions:

   - modifyworld.

   - essentials.fly

 Builder:

  inheritance:

   - Landstreicher

   - YT

   - YT+

   options:

     prefix: '&2'

     default: false

   permissions:

   - modifyworld.

 Moderator:

  inheritance:

   - Landstreicher

   - YT

   - YT+

   - Builder

   options:

     prefix: '&9'

     default: false

   permissions:

   - modifyworld.

 Admin:

  inheritance:

   - Landstreicher

   - YT

   - YT+

   - Builder

   - Moderator

   options:

     prefix: '&e'

     default: false

   permissions:

   - modifyworld.

 Developer:

  inheritance:

   - Landstreicher

   - YT

   - YT+

   - Builder

   - Moderator

   - Admin

   options:

     prefix: '&3'

     default: false

   permissions:

   - modifyworld.

 Owner:

  inheritance:

   - Landstreicher

   - YT

   - YT+

   - Builder

   - Moderator

   - Admin

   - Developer

   options:

     prefix: '&4'

     default: false

   permissions:

   - ''

schema-version: 1

Irgendwas ist falsch wenn ich /pl eingebe ich PermissionsEX rot und nicht grün wie andere Plugins...

Irgendwas muss mit der .yml falsch sein...

Kann die irgendeiner mal überprüfen?



Server, Java, JavaScript, Minecraft, Minecraft Server, Plug-in, Serverprobleme, notepad-plus-plus, PermissionsEX
Wie kann ich eine Paywall auf einer Website einfügen?

Guten Abend liebe Community,

ich arbeite nun seit etwa zwei Jahren mit dem CMS Wordpress an Websites bei einer Onlinemarketing Agentur. Ich bin in die Branche quasi reingerutscht und komme ursprünglich aus der Medien-/Kreativbranche.

Ein privater Kunde von mir, möchte eine Paywall auf seiner Website einrichten. Er ist als Personal Trainer und Ernährungsberater in der Fitnessbrache tätig und möchte auf seiner neuen Website ein eigenes Programm mit Videos, Rezepten und Kochtipps anbieten. Vermutlich wird hierzu ein Buch als PDF für die Ernähung und für die Trainingsübungen Videoinhalte, sowie ein weiteres Buch als PDF Buch bereitgestellt.

Nun habe ich bereits mit Shopsystemen wie WooCommerce gearbeitet, jedoch nie eine Paywall eingerichtet. Also bestimmte Websites, die nur für einen zahlenden Abonnenten bereitgestellt werden sollen.

Durch fehlendes Know-How in Programmiersprachen, bin ich auf ein passendes Plugin angewiesen, kann bisher jedoch keines finden. Mein Programmierwissen beschränkt sich auf HTML, rudimentäre CSS-Skills und ich lerne aktuell langsam Javascript durch einen Freund.

Allein ein paar Stichwörter zu dem Bereich wären sehr hilfreich, da ich nach zweitägiger Suche nichts passendes finden konnte. Klar ist noch nicht, ob er einen Einzelkauf anbieten möchte oder mit einem Abomodell arbeiten wird. Den Einzelkauf per WooCommerce einzurichten, sollte machbar sein. Wie könnte ich aber bei einem Abo vorgehen, bei dem ein Nutzeraccount verknüpft wird?

Zum Schluss noch eine thematisch ähnliche Seite - eventuell weiß jemand, womit hier gearbeitet wurde. Der Kauf eines passenden Themes, falls jemand eines kennt, wäre auch denkbar. Aktuell nutze ich überwiegend Enfold, habe jedoch für zwei "besondere" Kunden noch Newspaper 9 gekauft. Hier der Link: https://smartgains.de/shop/

Sorry für den doch sehr langen Text und viele Dank im Voraus für hilfreiche Antworten! :)

Tommy

Computer, HTML, Webseite, programmieren, CSS, WordPress, JavaScript, PayPal, shopsystem, Wordpress Plugin, Woocommerce
WFS Layer mit OpenLayers einbinden?

Ich möchte einen WFS-Layer vom GeoServer mithilfe von OL einbinden, dabei habe ich mich an das Beispiel von OpenLayers (vectorWFSgehalten.

Mein Code sieht wie folgt aus (URLs wurden maskiert wegen GF):

<!DOCTYPE html>
<html>
  <head>
    <title>WFS</title>
    <meta charset="UTF-8">
    <link href="htt ps://openlayers.org/en/v4.6.4/css/ol.css" rel="stylesheet" type="text/css">
    <script src="htt ps://openlayers.org/en/v4.6.4/build/ol.js"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <script>
	var vectorSource = new ol.source.Vector({
	   format: new ol.format.GeoJSON(),
	   url: function(extent) {
	      return 'htt p://osmatrix.geog.uni-heidelberg.de/geoserver/' +
		'wfs?version=1.1.0&request=GetFeature&typename=fdepasquale:fdepasquale_countries&maxFeatures=5000&' +
		'outputFormat=application%2Fjson&srsname=EPSG:4326&' +
		'bbox=' + extent.join(',') + ',EPSG:4326';
	   }
	});
			
	var vector = new ol.layer.Vector({
	   source: vectorSource,
	   style: new ol.style.Style({
	      stroke: new ol.style.Stroke({
	         color: 'rgba(0, 0, 255, 1.0)',
		 width: 2
	      })
	   })
	});
			
	var map = new ol.Map({
	    layers: [vector],
	    target: document.getElementById('map'),
	    view: new ol.View({
	       center: [-8908887.277395891, 5381918.072437216],
	       maxZoom: 19,
	       zoom: 12
	    })
	});
    </script>
  </body>
</html>

Leider bekomme ich keinen Layer angezeigt (Chrome) und die Konsole spuckt folgendes aus:

Uncaught SyntaxError: Unexpected token < in JSON at position 0at JSON.parse (<anonymous>)
  at Lo (ol.js:473)
  at Qq.k.Qa (ol.js:473)
 at U.<anonymous> (ol.js:471)

Ich bin totaler Neuling und muss diese Aufgabe für die Uni absolvieren. Vielleicht weiß jemand, was ich falsch gemacht habe.

Die Zoom-Buttons von der Map werden übrigens angezeigt.

HTML, JavaScript, ol, Map
Ich habe angefangen Schere Stein Papier in JavaScript zu programmieren leider funktioniert die Ergebnis Auswertung am Ende nicht. Wo ist der Fehler?

Das ist der JS Code:

FuEingabe();
    function FuEingabe() {
    var eingabe = prompt("Bitte gib: Schere, Stein oder Papier ein!", "Schere, Stein, Papier");
}
    switch(FuEingabe()) {

        case "Schere":
        
        zufallenemyeingabe();
        break;

        case "Stein":
        
        zufallenemyeingabe();
        break;

        case "Papier":
        
        zufallenemyeingabe();
        break;

        default:

        alert("Ungültig!");

}
function zufallenemyeingabe() {
    var max = 3;
    var min = 1;
    var zufallzahl = (Math.random() * (max - min)) + min;
    console.log("Die Zufallzahl lautet: " + zufallzahl);
    var zufallzahlround = Math.round(zufallzahl);
    console.log("Die gerundete Zufallzahl heißt: " + zufallzahlround);
    var StEingabe = "non";

    switch(zufallzahlround){

        case 1:
        StEingabe = "Stein";
        break;

        case 2:
        StEingabe = "Papier";
        break;

        case 3:
        StEingabe = "Schere";
        break;

        default: 
        console.log("Error 01: Computer hat kein Ergebnis generiert!");
    }
    console.log(StEingabe);
    alert("Der Computer hat " + StEingabe) + " gewählt.";
    return StEingabe

}

function ergebnisauswertung() {
    var gewinner = "nil";
    var PlayEingabe = FuEingabe();

    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Schere") { 

        gewinner = "Unentschieden!";

    }
                                                             
    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Stein") {
        gewinner = "PC";

    }
                                                           
    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Papier") {
        gewinner = "Player";

    }
                                                             
                                                              
     //Eigentliches Vergleichen der Wahl - Stein 
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Stein") {
        gewinner = "Unentschieden!";
        

    }
                                                           
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Schere") {
        gewinner = "Player";

    }
                                                            
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Papier") {
        gewinner = "PC";

    }
                                                            
                                                            
    //Eigentliches Vergleichen der Wahl - Papier 
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Papier") {
    gewinner = "Unentschieden!";

    }
                                                             
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Schere") { 

        gewinner = "PC";


    }
                                                             
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Stein") { 

        gewinner = "Player";

    }

    return gewinner;
                                                            
}
var gewinner = ergebnisauswertung();
console.log(gewinner);
if (ergebnisauswertung() == "Player") {
    alert("Du gewinnst!");
}


Spiele, Computer, Internet, HTML, Webseite, programmieren, JavaScript, Code

Meistgelesene Beiträge zum Thema JavaScript