Skript von JSFiddle einbinden

hagenfenris · 23. August 2020

Hallo,

ich habe auf JSFiddle ein Skript erstellt, dass ich gerne als Modul in Joomla erstellen würde um es an verschiedenen Stelle nutzen zu können.

Ich möchte das Skript allerdings nicht über JSFiddle einbinden sondern den Code direkt in das Modul schreiben.
An sich funktioniert das auch, mit einem deaktivierten Editor.
Allerdings wird mir nur der HTML-Teil angezeigt.
Normalerw. kann ich dort auf einen Button klicken und das JS erzeugt eine HTML-Tabelle welche dann angezeigt wird.
Dieser Teil funktioniert leider nicht.

Wo muss ich den <skript>-Teil unterbingen?

Gruß

hagen

Indigo66 · 23. August 2020

In ein Modul mit eigenem Inhalt. Siehe dazu in aunsere Anleitungen: Wie iFrame- oder JavaScript-Code in einen Beitrag ohne das Code bereinigt wird.

hagenfenris · 23. August 2020

Hallo Indigo66 ,

das ist nicht ganz, was ich möchte.

Ich will nicht JSFiddle per IFrame einbinden sondern den HTML und JS-Teil wirklich in Joomla einfügen.

Den Editor habe ich schon im Kontrollpanel deaktiviert.
Anschließend ein neues Modul in Joomla installiert und dort den HTML-Code eingefügt.
Unterhalb des HTML-Codes habe ich dann zwischen <script> & </script> den JSscript-Teil eingefügt.

Das funkioniert aber leider nicht.

Im HTML-Code ist ein Button enthalten. Nach einem Klick auf den Button wird, zumindest wenn ich alles bei JSFiddle ausführe, eine HTML-Tabelle aufgebaut und unterhalb des HTML-Teils dargestellt.

Hier der Link zu JSFiddle: https://jsfiddle.net/hagenfenris/yq4dr0cj/

Das muss sich doch irgendwie auch direkt in Joomla abbilden lassen.

Gruß

hagen

JoomlaWunder · 23. August 2020

Zitat von hagenfenris

Unterhalb des HTML-Codes habe ich dann zwischen <script> & </script> den JSscript-Teil eingefügt.
Das funkioniert aber leider nicht.

Bleibt denn der JS-Code nach dem Speichern erhalten oder wird er entfernt?

Re:Later · 23. August 2020

Da man heutzutage keine Inline-Scripte mehr verwenden sollte, wäre mein Vorschlag:

- Datei /templates/DEINTEMPLATENAME/html/mod_custom/meinCode.php erstellen.

- In die Datei:

PHP

<?php
defined('_JEXEC') or die;

use Joomla\CMS\HTML\HTMLHelper;

HTMLHelper::_('jquery.framework');
HTMLHelper::_('script', 'meinCode.js', array('version' => 'auto', 'relative' => true));
HTMLHelper::_('stylesheet', 'meinCode.css', array('version' => 'auto', 'relative' => true));
?>

---------------- Hier dein HTML. -----------------

Alles anzeigen

- Das CSS in Datei /templates/DEINTEMPLATENAME/css/meinCode.css

- Das JS in Datei /templates/DEINTEMPLATENAME/css/meinCode.js

In LeerZeile 12 ergänzt du (also bevor dein JQuery-Code beginnt):

Code

jQuery(function($) {

Hinter letzter Zeile schreibst

Code

});

- Dann ein Eigenes Modul anlegen mit Layout "meinCode".

- Für Tests, vielleicht auch dauerhaft Modulstil auf System > none

- Editor bleibt leer. Wird eh nicht ausgegeben. Ließe sich aber wahrscheinlich auch machen, dass man in obigem Override irgendwie so einrichtet, dass man im Editor das HTML eintippt und ausgegeben wird.

Nachtrag:

Und, nebenbei, wenn du deinen JQuery-Code zukunftssicherer machen willst, schreibst NICHT

Code

$("#tx_chance").change(function() {

sondern

Code

$("#tx_chance").on("change", function() {

sowie NICHT

Code

$("#bt_submit").click(function() {

sondern

Code

$("#bt_submit").on("click", function() {

hagenfenris · 23. August 2020

Hallo Re:Later ,

vielen Dank für die Anleitung.

Irgendwas mach ich aber scheinbar trotzdem noch falsch.

Die PHP-Datei haben ich unter /templates/rstrone/html/mod_custom/meincode.php angelegt.

In meiner meincode.php steht:

mit" value="Simulate Bets" /> </p> <div id="Table">1<br><br><br><br><br></div>

PHP

<?php
defined('_JEXEC') or die;


use Joomla\CMS\HTML\HTMLHelper;


HTMLHelper::_('jquery.framework');
HTMLHelper::_('script', 'meincode.js', array('version' => 'auto', 'relative' => true));
/*HTMLHelper::_('stylesheet', 'ubc.css', array('version' => 'auto', 'relative' => true));*/
?>


Balance:
<input type="text" id="tx_saldo" value="0.00001000" />


<p>Base Bet:
<input type="text" id="tx_amount" value="0.00000001" />
</p>
<p>Start chance:
<input type="text" id="tx_chance" value="0.1" style="width:40px;" />%&nbsp;&nbsp;&nbsp;
Increment chance by:
<input type="text" id="tx_increment" value="0.1" style="width:40px;" />%
</p>
<p>House edge:
<input type="text" id="tx_houseedge" value="1" style="width:40px;" />%
</p>
<!--<p>Payout: <span id="tx_payout"> 990 </span></p>-->
<!--<p>Multiply After Every <input type="text" id="tx_multiply" value="1" /> Streak of Loss.</p> -->
<!--<p>Raise on loss:
<input type="text" id="tx_loss" value="1" style="width:90px;" />%<!-- (Minimum Recommended : <span id="tx_minLoss">100</span> % )</p>-->
<p>Show only higher strategies:
<input type="checkbox" class="cb_high" title="Best strategy will be at the end of the table" checked><br>


<input type="radio" id="show_by_p" name="show_by" value="P" checked>
<label for="show_by">Persistance</label><br>
<input type="radio" id="show_by_o" name="show_by" value="O">
<label for="show_by">Odds of losing bets in a row</label><br>
</p>
<p>
<input type="submit" id="bt_submit" value="Simulate Bets" />
</p>

Alles anzeigen

Eine css-Datei habe ich nicht angelegt, da ich aktuell das css des Template nutzen will.

Die JS-Datei habe ich unter /templates/rstrone/js angelegt.
In meiner meincode.js Datei steht:

Code

jQuery(function($) {


var payout = 990;
var minloss = 1;


function roundUp(num, precision) {
return Math.ceil(num * precision) / precision
}


function roundDown(num, precision) {
return Math.floor(num * precision) / precision
}




/*$("#tx_chance").change(function() {*/
$("#tx_chance").on("change", function() {
payout = ((100 - $("#tx_houseedge").val()) / $("#tx_chance").val()); //stake 99  //freebitco.in 95
$("#tx_payout").html(payout.toFixed(4));
minloss = 100 / (payout - 1);
$("#tx_minLoss").html(roundUp(minloss, 100));
$("#tx_loss").val(roundUp(minloss, 10000));
});




/*$("#bt_submit").click(function() {*/
$("#bt_submit").on("click", function() {
var Saldo = $("#tx_saldo").val();
var Bet = $("#tx_amount").val();
var multiply = 1 //$("#tx_multiply").val();
var chance = $("#tx_chance").val();
var increment = $("#tx_increment").val();
var cb_high = document.querySelector('.cb_high').checked;//$("#checkbox").is(":checked");
var cb_show_by = document.querySelector('input[name="show_by"]:checked').value;
var run = 1;
var optRun = 1;
var highlight;
var high_persistance = 0;
var high_once_in = 0;
var show_result = 0;
var houseedge = 100 - $("#tx_houseedge").val();
var payout = (houseedge / chance);
var profit = 0;
//var once_in = 0;




if ($("#table").length) $("#table").remove();


$("<div id='table'><p><div id=result></div></p><table id='table_rows'><tbody>" +
"<tr><td>#</td>" +
"<td>Chance</td>" +
"<td>Payout</td>" +
"<td>Base Bet</td>" +
"<td>Profit on win</td>" +
"<td>Raise on loss</td>" +
"<td>Optimized<br/>Raise on loss</td>" +
"<td>Max loss streak</td>" +
"<td>Persistance</td>" +
"<td>Odds of losing bets in a row<br>once every</td>" +
"</tr></tbody></table></div>").insertAfter("#bt_submit");


profit = (parseFloat(Bet) * parseFloat(payout)).toFixed(8);


while (chance <= houseedge && payout >= 1.01 && profit >= 0.00000001) {
var curSaldo = Saldo;
var optSaldo = Saldo;
var curBet = Bet;
var optBet = Bet;
var Bet2 = Bet;
var nBet = 1;
var optnBet = 0;
var profit = 0;
var payout = (houseedge / chance);
var minloss = 100 / (payout - 1);
var curLoss = (1 + roundUp(minloss, 10000) / 100).toFixed(8);
var optLoss = curLoss;
var persistance = 0;
var once_in = 0;


//Calculate min basbet using onloss
while ( ((curBet * curLoss) - curBet).toFixed(8) < 0.00000001 ) {
curBet = (parseFloat(curBet) + 0.00000001).toFixed(8);
Bet2 = curBet;
}


//Simulate bets
while (curSaldo > curBet) {
curSaldo = curSaldo - curBet;
profit = ((parseFloat(curBet) * parseFloat(payout)) - (Saldo - curSaldo)).toFixed(8);
//if (nBet % multiply == 0) //modulo
curBet = curBet * curLoss;
nBet = nBet + 1;
}


//highlight persistance
//persistance = ((nBet / parseFloat(payout)) / parseFloat(payout)).toFixed(1);
persistance = ((nBet - 1) / parseFloat(payout)).toFixed(1);


//once in xxxx
once_in = (1 / (Math.pow( ((100 - parseFloat(chance).toFixed(2) )/100), (nBet - 1)) * 1)).toFixed(2);
//.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });




//optimized raise on loss
optSaldo = Saldo;
optLoss = parseFloat(curLoss);
optBet = Bet2;
optnBet = nBet - 1;
optRun = "J";


do {optLoss = (parseFloat(optLoss) + 0.0001).toFixed(8);


if (optnBet < nBet - 1) {
optRun = "N";
optLoss = (parseFloat(optLoss) - 0.0002).toFixed(8);
optnBet = optnBet + 1;
break; }


optSaldo = Saldo;
optBet = Bet2;
optnBet = 0;


while (optSaldo > optBet) {
optSaldo = optSaldo - optBet;
optBet = optBet * optLoss;
optnBet = optnBet + 1;
}


} while (optRun === "J");




//coloring persistance
switch (true) {
case ( (parseInt(persistance)) >= 11):
highlight = 'style="color: goldenrod; font-weight: bold;"';
break;
case ( (parseInt(persistance)) >= 10):
highlight = 'style="color: green;"';
break;
case ( (parseInt(persistance)) >= 9):
highlight = 'style="color: blue;"';
break;
case ( (parseInt(persistance)) >= 8):
highlight = 'style="color: orange;"';
break;
default:
highlight = 'style="color: black;"';
}




//show only higher strategies
if (cb_high == true) {
if (cb_show_by == "P") {
if (persistance >= high_persistance) {
high_persistance = parseFloat(persistance);
show_result = 1; }
else {
show_result = 0; }
}


if (cb_show_by == "O") {
if (once_in >= high_once_in) {
high_once_in = parseFloat(once_in);
show_result = 1; }
else {
show_result = 0; }
}


}
else { show_result = 1; }




//calc once_in for display-formatting
once_in = (1 / (Math.pow( ((100 - parseFloat(chance).toFixed(2) )/100), (nBet - 1)) * 1)).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });




//Show the results
if (show_result == 1) {
$('#table_rows').append('<tr><td>' + run + //Sequence
'</td><td>' + parseFloat(chance).toFixed(2) + //Chance
'</td><td>' + parseFloat(payout).toFixed(2) + //Payout
'</td><td>' + Bet2 +   //Base Bet
'</td><td>' + profit + //Profit on win
'</td><td>' + parseFloat((curLoss - 1)*100).toFixed(4) + '%' + //parseFloat(curLoss).toFixed(4) + //Raise on loss
'</td><td>' + parseFloat((optLoss - 1)*100).toFixed(4) + '%' + //parseFloat(curLoss).toFixed(4) + //Optimized Raise on
'</td><td>' + (nBet - 1) /*+ '/' + optnBet*/ + //Max loss streak
'</td><td ' + highlight + '>' + persistance + //Persistance
' / 10' +
'</td><td>' + once_in + ' bets' + //Odds of losing bets in a row once every
'</td></tr>');
}


run = run + 1;
chance = parseFloat(chance) + parseFloat(increment);
}


});


});

Alles anzeigen

Das Modul habe ich im Backend angelegt.

Es zeigt auf der Modulposition auf der Webseite auch das HTML an.
Aber der Button hat keine Funktion.

Irgendwas mach ich da wohl noch mit dem JS falsch.

Gruß

hagen

JoomlaWunder · 23. August 2020

Hast du die folgende Zeile für die Anzeige der Tabelle auch im Code drin:

Wahrscheinlich ist dir in #6 lediglich das "Reinkopierte" etwas verrutscht.

Manchmal kommt es vor, dass bestimmte Dateien verlangt werden (z.B. Templates) , was ich in diesem Fall zwar nicht glaube, da es ja zu keiner Fehlermeldung kommt, dennoch: Es schadet auch nicht, mal eine css-Datei zu generieren und die /* ... */ wieder zu entfernen. Kannst die css ja leer lassen.

Mehr fällt mir dazu momentan nicht ein..

hagenfenris · 23. August 2020

Hallo JoomlaWunder,

das DIV hab ich auch drin.
Ist mir wohl beim erstellen des Posts durchgerutscht.

Meine aktuelle meincode.php:

PHP

<?php
defined('_JEXEC') or die;


use Joomla\CMS\HTML\HTMLHelper;


HTMLHelper::_('jquery.framework');
HTMLHelper::_('script', 'meincode.js', array('version' => 'auto', 'relative' => true));
HTMLHelper::_('stylesheet', 'meincode.css', array('version' => 'auto', 'relative' => true));
?>


Balance:
<input type="text" id="tx_saldo" value="0.00001000" />


<p>Base Bet:
<input type="text" id="tx_amount" value="0.00000001" />
</p>
<p>Start chance:
<input type="text" id="tx_chance" value="0.1" style="width:40px;" />%&nbsp;&nbsp;&nbsp;
Increment chance by:
<input type="text" id="tx_increment" value="0.1" style="width:40px;" />%
</p>
<p>House edge:
<input type="text" id="tx_houseedge" value="1" style="width:40px;" />%
</p>
<!--<p>Payout: <span id="tx_payout"> 990 </span></p>-->
<!--<p>Multiply After Every <input type="text" id="tx_multiply" value="1" /> Streak of Loss.</p> -->
<!--<p>Raise on loss:
<input type="text" id="tx_loss" value="1" style="width:90px;" />%<!-- (Minimum Recommended : <span id="tx_minLoss">100</span> % )</p>-->
<p>Show only higher strategies:
<input type="checkbox" class="cb_high" title="Best strategy will be at the end of the table" checked><br>


<input type="radio" id="show_by_p" name="show_by" value="P" checked>
<label for="show_by">Persistance</label><br>
<input type="radio" id="show_by_o" name="show_by" value="O">
<label for="show_by">Odds of losing bets in a row</label><br>
</p>
<p>
<input type="submit" id="bt_submit" value="Simulate Bets" />
</p>
<div id="Table">1<br><br><br><br><br></div>

Alles anzeigen

meine meincode.js

Code

var payout = 990;
var minloss = 1;


function roundUp(num, precision) {
return Math.ceil(num * precision) / precision
}


function roundDown(num, precision) {
return Math.floor(num * precision) / precision
}




$("#tx_chance").change(function() {
payout = ((100 - $("#tx_houseedge").val()) / $("#tx_chance").val()); //stake 99  //freebitco.in 95
$("#tx_payout").html(payout.toFixed(4));
minloss = 100 / (payout - 1);
$("#tx_minLoss").html(roundUp(minloss, 100));
$("#tx_loss").val(roundUp(minloss, 10000));
});




$("#bt_submit").click(function() {
var Saldo = $("#tx_saldo").val();
var Bet = $("#tx_amount").val();
var multiply = 1 //$("#tx_multiply").val();
var chance = $("#tx_chance").val();
var increment = $("#tx_increment").val();
var cb_high = document.querySelector('.cb_high').checked;//$("#checkbox").is(":checked");
var cb_show_by = document.querySelector('input[name="show_by"]:checked').value;
var run = 1;
var optRun = 1;
var highlight;
var high_persistance = 0;
var high_once_in = 0;
var show_result = 0;
var houseedge = 100 - $("#tx_houseedge").val();
var payout = (houseedge / chance);
var profit = 0;
//var once_in = 0;




if ($("#table").length) $("#table").remove();


$("<div id='table'><p><div id=result></div></p><table id='table_rows'><tbody>" +
"<tr><td>#</td>" +
"<td>Chance</td>" +
"<td>Payout</td>" +
"<td>Base Bet</td>" +
"<td>Profit on win</td>" +
"<td>Raise on loss</td>" +
"<td>Optimized<br/>Raise on loss</td>" +
"<td>Max loss streak</td>" +
"<td>Persistance</td>" +
"<td>Odds of losing bets in a row<br>once every</td>" +
"</tr></tbody></table></div>").insertAfter("#bt_submit");


profit = (parseFloat(Bet) * parseFloat(payout)).toFixed(8);


while (chance <= houseedge && payout >= 1.01 && profit >= 0.00000001) {
var curSaldo = Saldo;
var optSaldo = Saldo;
var curBet = Bet;
var optBet = Bet;
var Bet2 = Bet;
var nBet = 1;
var optnBet = 0;
var profit = 0;
var payout = (houseedge / chance);
var minloss = 100 / (payout - 1);
var curLoss = (1 + roundUp(minloss, 10000) / 100).toFixed(8);
var optLoss = curLoss;
var persistance = 0;
var once_in = 0;


//Calculate min basbet using onloss
while ( ((curBet * curLoss) - curBet).toFixed(8) < 0.00000001 ) {
curBet = (parseFloat(curBet) + 0.00000001).toFixed(8);
Bet2 = curBet;
}


//Simulate bets
while (curSaldo > curBet) {
curSaldo = curSaldo - curBet;
profit = ((parseFloat(curBet) * parseFloat(payout)) - (Saldo - curSaldo)).toFixed(8);
//if (nBet % multiply == 0) //modulo
curBet = curBet * curLoss;
nBet = nBet + 1;
}


//highlight persistance
//persistance = ((nBet / parseFloat(payout)) / parseFloat(payout)).toFixed(1);
persistance = ((nBet - 1) / parseFloat(payout)).toFixed(1);


//once in xxxx
once_in = (1 / (Math.pow( ((100 - parseFloat(chance).toFixed(2) )/100), (nBet - 1)) * 1)).toFixed(2);
//.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });




//optimized raise on loss
optSaldo = Saldo;
optLoss = parseFloat(curLoss);
optBet = Bet2;
optnBet = nBet - 1;
optRun = "J";


do {optLoss = (parseFloat(optLoss) + 0.0001).toFixed(8);


if (optnBet < nBet - 1) {
optRun = "N";
optLoss = (parseFloat(optLoss) - 0.0002).toFixed(8);
optnBet = optnBet + 1;
break; }


optSaldo = Saldo;
optBet = Bet2;
optnBet = 0;


while (optSaldo > optBet) {
optSaldo = optSaldo - optBet;
optBet = optBet * optLoss;
optnBet = optnBet + 1;
}


} while (optRun === "J");




//coloring persistance
switch (true) {
case ( (parseInt(persistance)) >= 11):
highlight = 'style="color: goldenrod; font-weight: bold;"';
break;
case ( (parseInt(persistance)) >= 10):
highlight = 'style="color: green;"';
break;
case ( (parseInt(persistance)) >= 9):
highlight = 'style="color: blue;"';
break;
case ( (parseInt(persistance)) >= 8):
highlight = 'style="color: orange;"';
break;
default:
highlight = 'style="color: black;"';
}




//show only higher strategies
if (cb_high == true) {
if (cb_show_by == "P") {
if (persistance >= high_persistance) {
high_persistance = parseFloat(persistance);
show_result = 1; }
else {
show_result = 0; }
}


if (cb_show_by == "O") {
if (once_in >= high_once_in) {
high_once_in = parseFloat(once_in);
show_result = 1; }
else {
show_result = 0; }
}


}
else { show_result = 1; }




//calc once_in for display-formatting
once_in = (1 / (Math.pow( ((100 - parseFloat(chance).toFixed(2) )/100), (nBet - 1)) * 1)).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });




//Show the results
if (show_result == 1) {
$('#table_rows').append('<tr><td>' + run + //Sequence
'</td><td>' + parseFloat(chance).toFixed(2) + //Chance
'</td><td>' + parseFloat(payout).toFixed(2) + //Payout
'</td><td>' + Bet2 +   //Base Bet
'</td><td>' + profit + //Profit on win
'</td><td>' + parseFloat((curLoss - 1)*100).toFixed(4) + '%' + //parseFloat(curLoss).toFixed(4) + //Raise on loss
'</td><td>' + parseFloat((optLoss - 1)*100).toFixed(4) + '%' + //parseFloat(curLoss).toFixed(4) + //Optimized Raise on
'</td><td>' + (nBet - 1) /*+ '/' + optnBet*/ + //Max loss streak
'</td><td ' + highlight + '>' + persistance + //Persistance
' / 10' +
'</td><td>' + once_in + ' bets' + //Odds of losing bets in a row once every
'</td></tr>');
}


run = run + 1;
chance = parseFloat(chance) + parseFloat(increment);
}


});

Alles anzeigen

Re:Later · 23. August 2020

Hast einen Link zur Seite?

Außerdem:

Zitat

In LeerZeile 12 ergänzt du (also bevor dein JQuery-Code beginnt):

Re:Later · 23. August 2020

Bei mir funktioniert dein Code aus Post #6. Siehe Bild. EDIT: Und bei mir ist das DIV, über das Ihr da redet gar nicht drinnen

Indigo66 · 23. August 2020

Zitat von hagenfenris

Ich will nicht JSFiddle per IFrame einbinden sondern den HTML und JS-Teil wirklich in Joomla einfügen.

Die Anleitung gilt auch für Skripte bzw. Javascripte und für HTML sowieso. Schalte halt den Editor ab, damit dein Code nicht gefiltert wird.

Hast Du schon in einer statischen HTML getestet ob Dein Skript überhaupt funktioniert?

hagenfenris · 24. August 2020

Hallo zusammen,

den Editor habe ich bereits abgeschalten.

Da der gesamte Code inzwischen aber nicht mehr im Modul oder einem Artikel steckt sondern in der meincode.php, kann das Problem doch nicht mit dem Joomla-Editor zusammenhängen, oder?

Test-Seite: https://cryptospins.de/index.php/de/test

Template: Beez

Re:Later was meinst Du mit LeerZeile 12?

Blicks leider nicht

Indigo66 · 24. August 2020

Ich würde es per iFrame integrieren. Evtl wäre aber Sourcerer die Erweiterung der Wahl.

Re:Later · 24. August 2020

Blicke jetzt nicht mehr durch, außer, dass der Code jetzt doch Inline eingebette ist. Es kommt der Fehler: Siehe 2 Bilder unten.

Ergo: Auch bei diesem Code sind die beiden Zeilen

Code

jQuery(function($) {

und

Code

});

um den Code drumrum dringend notwendig. Er gehört IMMER drumrum. Egal, wie du es nun löst. Oder anders: Sollte er nicht nötig sein (hängt einfach von anderem JavaScript ab, das ein Template so lädt), ist er trotzdem richtig und dringend empfohlen und schützt dich vor solchen Fehlern.

Zitat von hagenfenris

was meinst Du mit LeerZeile 12?

Du hast auf JSFiddle verlinkt und da sind Zeilennummern in den Codeblöcken. Ist aber nicht so wichtig. Hauptsache die beiden Zeilen sind drumrum.

hagenfenris · 24. August 2020

Hallo,

jetzt blick ichs langsam au nemme.
Nochmals, was ich gemacht hab.
Ich habe einen Artikel in Joomla angelegt.
Dort steht nichts außer {loadposition meinepos1}

In den Modulen habe ich ein Modul ohne Inhalt angelegt.
Unter Erweiter > Layout steht: meincode, unter Modulstil: none

In /httpdocs/cryptospins/templates/beez3/html/mod_custom steht die Datei "meincode.php"

Inhalt:

PHP

<?php
defined('_JEXEC') or die;


use Joomla\CMS\HTML\HTMLHelper;


HTMLHelper::_('jquery.framework');
HTMLHelper::_('script', 'meincode.js', array('version' => 'auto', 'relative' => true));
HTMLHelper::_('stylesheet', 'meincode.css', array('version' => 'auto', 'relative' => true));
?>


Balance:
<input type="text" id="tx_saldo" value="0.00001000" />


<p>Base Bet:
<input type="text" id="tx_amount" value="0.00000001" />
</p>
<p>Start chance:
<input type="text" id="tx_chance" value="0.1" style="width:40px;" />%&nbsp;&nbsp;&nbsp;
Increment chance by:
<input type="text" id="tx_increment" value="0.1" style="width:40px;" />%
</p>
<p>House edge:
<input type="text" id="tx_houseedge" value="1" style="width:40px;" />%
</p>
<!--<p>Payout: <span id="tx_payout"> 990 </span></p>-->
<!--<p>Multiply After Every <input type="text" id="tx_multiply" value="1" /> Streak of Loss.</p> -->
<!--<p>Raise on loss:
<input type="text" id="tx_loss" value="1" style="width:90px;" />%<!-- (Minimum Recommended : <span id="tx_minLoss">100</span> % )</p>-->
<p>Show only higher strategies:
<input type="checkbox" class="cb_high" title="Best strategy will be at the end of the table" checked><br>


<input type="radio" id="show_by_p" name="show_by" value="P" checked>
<label for="show_by">Persistance</label><br>
<input type="radio" id="show_by_o" name="show_by" value="O">
<label for="show_by">Odds of losing bets in a row</label><br>
</p>
<p>
<input type="submit" id="bt_submit" value="Simulate Bets" />
</p>
<div id="Table">Beez<br><br><br><br><br></div>

Alles anzeigen

In /httpdocs/cryptospins/templates/beez3/javascript die Datei "meincode.js"

Inhalt:

Code

var payout = 990;
var minloss = 1;


function roundUp(num, precision) {
return Math.ceil(num * precision) / precision
}


function roundDown(num, precision) {
return Math.floor(num * precision) / precision
}


jQuery(function($) {
$("#tx_chance").change(function() {
payout = ((100 - $("#tx_houseedge").val()) / $("#tx_chance").val()); //stake 99  //freebitco.in 95
$("#tx_payout").html(payout.toFixed(4));
minloss = 100 / (payout - 1);
$("#tx_minLoss").html(roundUp(minloss, 100));
$("#tx_loss").val(roundUp(minloss, 10000));
});




$("#bt_submit").click(function() {
var Saldo = $("#tx_saldo").val();
var Bet = $("#tx_amount").val();
var multiply = 1 //$("#tx_multiply").val();
var chance = $("#tx_chance").val();
var increment = $("#tx_increment").val();
var cb_high = document.querySelector('.cb_high').checked;//$("#checkbox").is(":checked");
var cb_show_by = document.querySelector('input[name="show_by"]:checked').value;
var run = 1;
var optRun = 1;
var highlight;
var high_persistance = 0;
var high_once_in = 0;
var show_result = 0;
var houseedge = 100 - $("#tx_houseedge").val();
var payout = (houseedge / chance);
var profit = 0;
//var once_in = 0;




if ($("#table").length) $("#table").remove();


$("<div id='table'><p><div id=result></div></p><table id='table_rows'><tbody>" +
"<tr><td>#</td>" +
"<td>Chance</td>" +
"<td>Payout</td>" +
"<td>Base Bet</td>" +
"<td>Profit on win</td>" +
"<td>Raise on loss</td>" +
"<td>Optimized<br/>Raise on loss</td>" +
"<td>Max loss streak</td>" +
"<td>Persistance</td>" +
"<td>Odds of losing bets in a row<br>once every</td>" +
"</tr></tbody></table></div>").insertAfter("#bt_submit");


profit = (parseFloat(Bet) * parseFloat(payout)).toFixed(8);


while (chance <= houseedge && payout >= 1.01 && profit >= 0.00000001) {
var curSaldo = Saldo;
var optSaldo = Saldo;
var curBet = Bet;
var optBet = Bet;
var Bet2 = Bet;
var nBet = 1;
var optnBet = 0;
var profit = 0;
var payout = (houseedge / chance);
var minloss = 100 / (payout - 1);
var curLoss = (1 + roundUp(minloss, 10000) / 100).toFixed(8);
var optLoss = curLoss;
var persistance = 0;
var once_in = 0;


//Calculate min basbet using onloss
while ( ((curBet * curLoss) - curBet).toFixed(8) < 0.00000001 ) {
curBet = (parseFloat(curBet) + 0.00000001).toFixed(8);
Bet2 = curBet;
}


//Simulate bets
while (curSaldo > curBet) {
curSaldo = curSaldo - curBet;
profit = ((parseFloat(curBet) * parseFloat(payout)) - (Saldo - curSaldo)).toFixed(8);
//if (nBet % multiply == 0) //modulo
curBet = curBet * curLoss;
nBet = nBet + 1;
}


//highlight persistance
//persistance = ((nBet / parseFloat(payout)) / parseFloat(payout)).toFixed(1);
persistance = ((nBet - 1) / parseFloat(payout)).toFixed(1);


//once in xxxx
once_in = (1 / (Math.pow( ((100 - parseFloat(chance).toFixed(2) )/100), (nBet - 1)) * 1)).toFixed(2);
//.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });




//optimized raise on loss
optSaldo = Saldo;
optLoss = parseFloat(curLoss);
optBet = Bet2;
optnBet = nBet - 1;
optRun = "J";


do {optLoss = (parseFloat(optLoss) + 0.0001).toFixed(8);


if (optnBet < nBet - 1) {
optRun = "N";
optLoss = (parseFloat(optLoss) - 0.0002).toFixed(8);
optnBet = optnBet + 1;
break; }


optSaldo = Saldo;
optBet = Bet2;
optnBet = 0;


while (optSaldo > optBet) {
optSaldo = optSaldo - optBet;
optBet = optBet * optLoss;
optnBet = optnBet + 1;
}


} while (optRun === "J");




//coloring persistance
switch (true) {
case ( (parseInt(persistance)) >= 11):
highlight = 'style="color: goldenrod; font-weight: bold;"';
break;
case ( (parseInt(persistance)) >= 10):
highlight = 'style="color: green;"';
break;
case ( (parseInt(persistance)) >= 9):
highlight = 'style="color: blue;"';
break;
case ( (parseInt(persistance)) >= 8):
highlight = 'style="color: orange;"';
break;
default:
highlight = 'style="color: black;"';
}




//show only higher strategies
if (cb_high == true) {
if (cb_show_by == "P") {
if (persistance >= high_persistance) {
high_persistance = parseFloat(persistance);
show_result = 1; }
else {
show_result = 0; }
}


if (cb_show_by == "O") {
if (once_in >= high_once_in) {
high_once_in = parseFloat(once_in);
show_result = 1; }
else {
show_result = 0; }
}


}
else { show_result = 1; }




//calc once_in for display-formatting
once_in = (1 / (Math.pow( ((100 - parseFloat(chance).toFixed(2) )/100), (nBet - 1)) * 1)).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });




//Show the results
if (show_result == 1) {
$('#table_rows').append('<tr><td>' + run + //Sequence
'</td><td>' + parseFloat(chance).toFixed(2) + //Chance
'</td><td>' + parseFloat(payout).toFixed(2) + //Payout
'</td><td>' + Bet2 +   //Base Bet
'</td><td>' + profit + //Profit on win
'</td><td>' + parseFloat((curLoss - 1)*100).toFixed(4) + '%' + //parseFloat(curLoss).toFixed(4) + //Raise on loss
'</td><td>' + parseFloat((optLoss - 1)*100).toFixed(4) + '%' + //parseFloat(curLoss).toFixed(4) + //Optimized Raise on
'</td><td>' + (nBet - 1) /*+ '/' + optnBet*/ + //Max loss streak
'</td><td ' + highlight + '>' + persistance + //Persistance
' / 10' +
'</td><td>' + once_in + ' bets' + //Odds of losing bets in a row once every
'</td></tr>');
}


run = run + 1;
chance = parseFloat(chance) + parseFloat(increment);
}


});
});

Alles anzeigen

Das "jQuery(function($) {" und "});" habe ich nun entsprechend ergänzt.

Harmageddon · 24. August 2020

Wo ist denn das Modul eingebunden? Ich sehe auf der verlinkten Seite weder ein Modul, noch die Einbindung des JavaScripts.

JoomlaWunder · 24. August 2020

War mir bisher nicht bewusst, dass du das Modul in einem Beitrag anzeigen lässt. Versuche es doch zunächst ohne Beitrag!

hagenfenris · 24. August 2020

Hab das Modul jetzt auf die Position "Oben Mitte [position-12]" geschoben.

JoomlaWunder · 24. August 2020

Ich habe mir das jetzt auch mal alles eingerichtet und es läuft einwandfrei, sowohl im Modul, als auch, wenn ich das Modul in einem Beitrag anzeigen lasse. Verwendet habe ich die Codes von jsfiddle, ergänzt um jQuery(function($) {....... });

hagenfenris · 24. August 2020

Was mach ich denn dann noch falsch....

Stehen die php und js-Dateien bei Dir auch in den gleichen Pfaden, wie bei mir?
In /httpdocs/cryptospins/templates/beez3/html/mod_custom steht die Datei "meincode.php"
In /httpdocs/cryptospins/templates/beez3/javascript die Datei "meincode.js"

Hab die meincode.js jetzt unter /httpdocs/cryptospins/media/system/js und jetzt läufts!
Schöner wärs allerdings im javascript-ordner des templates.
Oder im Ordner des Moduls mod_custom