Estelle einen Link, den du an einen Freund verschicken kannst. Der wird dann beim Betreten der Seite etwas beleidigt
Code
<?php
/*
$replace = [
'ö' => 'ö', 'ö' => 'ä', 'ü' => 'ü', 'ß' => 'ß', 'a' => ''
];
function sanitizeString($str) {
$str = preg_replace('/[ö]/ui', 'ö', $str);
$str = preg_replace('/[ä]/ui', 'ä', $str);
$str = preg_replace('/[ü]/ui', 'ü', $str);
$str = preg_replace('/[ß]/ui', 'ß', $str);
$str = preg_replace('/[a]/ui', '', $str);
return $str;
}
*/
$filename = 'daten_webseite/badword.txt';
$daten = array();
$sammeln1=[];
if (file_exists($filename)){
$daten = file($filename, FILE_IGNORE_NEW_LINES);
$count1 = 0;
while(isset($daten[$count1])){
array_push($sammeln1,$daten[$count1]);
$count1++;
}
}
shuffle($sammeln1);
$sammeln=[];
for($r=0;$r<=1000;$r++){
$haystack = $sammeln1[$r];
$needle = 'Ã';
if (strpos($sammeln1[$r] ,'ö') !== false or
strpos($sammeln1[$r] ,'ß') !== false or
strpos($sammeln1[$r] ,'ü') !== false or
strpos($sammeln1[$r] ,'ä') !== false
) {
}else{
//$samme= sanitizeString($sammeln1[$r]);//str_replace(array_keys($replace), $replace, $sammeln1[$r]);
array_push($sammeln,$sammeln1[$r]);
}
}
// print_r($sammeln);
$phpjson=json_encode($sammeln);
?>
<script>
var gets=window.parent[0].top.frames.location.search;
//console.log(gets);
gets=gets.split('&');
var wert_wurde_beleidigt='';
var menge_beleidigt=10;
var wer_beleidigt='Kein Absender angegeben';
for(a=0;a<=gets.length-1;a++){
var names=gets[a].split('=')[0];
var vall=gets[a].split('=')[1];
// console.log(names,vall);
if(names=='name1'){
wert_wurde_beleidigt=vall;
}
if(names=='menge'){
menge_beleidigt=vall;
}
if(names=='wer'){
wer_beleidigt=vall;
}
}
//console.log(wert_wurde_beleidigt,menge_beleidigt,wer_beleidigt);
</script>
<script src="/js_webseite/jquery.js"></script>
<style>
* {
box-sizing: border-box;
}
.mouth-wrapper {
margin-top: 50px;
position: relative;
width: 250px;
height: 70px;
}
#mouth {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 250px;
height: 70px;
}
#mouth .teeth {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 50%;
background: #f4f4f4;
}
#mouth .teeth.teeth-upper {
-webkit-clip-path: polygon(5% 90%, 33% 50%, 66% 50%, 95% 90%, 50% 90%);
clip-path: polygon(5% 90%, 33% 50%, 66% 50%, 95% 90%, 50% 90%);
}
#mouth .teeth.teeth-lower {
top: 50%;
-webkit-clip-path: polygon(10% 20%, 90% 20%, 66% 50%, 33% 50%);
clip-path: polygon(10% 20%, 90% 20%, 66% 50%, 33% 50%);
}
#mouth .lip {
opacity: 0.9;
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 50%;
background: crimson;
}
#mouth .lip.lip-lower {
top: 50%;
}
#mouth.sound-none .lip-upper {
-webkit-clip-path: polygon(0 100%, 33% 0, 50% 20%, 66% 0, 100% 100%, 50% 100%);
clip-path: polygon(0 100%, 33% 0, 50% 20%, 66% 0, 100% 100%, 50% 100%);
}
#mouth.sound-none .lip-lower {
-webkit-clip-path: polygon(0 0, 33% 10%, 66% 10%, 100% 0, 66% 100%, 33% 100%);
clip-path: polygon(0 0, 33% 10%, 66% 10%, 100% 0, 66% 100%, 33% 100%);
}
#mouth.sound-aei {
width: 225px;
height: 84px;
}
#mouth.sound-aei .lip-upper {
-webkit-clip-path: polygon(0 100%, 33% 0, 50% 20%, 66% 0, 100% 100%, 50% 50%);
clip-path: polygon(0 100%, 33% 0, 50% 20%, 66% 0, 100% 100%, 50% 50%);
}
#mouth.sound-aei .lip-lower {
-webkit-clip-path: polygon(0 0, 33% 50%, 66% 50%, 100% 0, 66% 100%, 33% 100%);
clip-path: polygon(0 0, 33% 50%, 66% 50%, 100% 0, 66% 100%, 33% 100%);
}
#mouth.sound-aei {
width: 225px;
height: 84px;
}
#mouth.sound-aei .lip-upper {
-webkit-clip-path: polygon(0 100%, 33% 0%, 50% 20%, 66% 0%, 100% 100%, 50% 50%);
clip-path: polygon(0 100%, 33% 0%, 50% 20%, 66% 0%, 100% 100%, 50% 50%);
}
#mouth.sound-aei .lip-lower {
-webkit-clip-path: polygon(0 0, 33% 50%, 66% 50%, 100% 0, 66% 100%, 33% 100%);
clip-path: polygon(0 0, 33% 50%, 66% 50%, 100% 0, 66% 100%, 33% 100%);
}
#mouth.sound-o {
width: 125px;
height: 105px;
}
#mouth.sound-o .lip-upper {
-webkit-clip-path: polygon(0 100%, 33% 10%, 50% 20%, 66% 10%, 100% 100%, 50% 50%);
clip-path: polygon(0 100%, 33% 10%, 50% 20%, 66% 10%, 100% 100%, 50% 50%);
}
#mouth.sound-o .lip-lower {
-webkit-clip-path: polygon(0 0, 33% 50%, 66% 50%, 100% 0, 66% 90%, 33% 90%);
clip-path: polygon(0 0, 33% 50%, 66% 50%, 100% 0, 66% 90%, 33% 90%);
}
#mouth.sound-u {
width: 165px;
height: 93.1px;
}
#mouth.sound-u .lip-upper {
-webkit-clip-path: polygon(0 100%, 33% 10%, 50% 20%, 66% 10%, 100% 100%, 50% 50%);
clip-path: polygon(0 100%, 33% 10%, 50% 20%, 66% 10%, 100% 100%, 50% 50%);
}
#mouth.sound-u .lip-lower {
-webkit-clip-path: polygon(0 0, 33% 50%, 66% 50%, 100% 0, 66% 90%, 33% 90%);
clip-path: polygon(0 0, 33% 50%, 66% 50%, 100% 0, 66% 90%, 33% 90%);
}
#mouth.sound-fv {
width: 275px;
height: 63px;
}
#mouth.sound-fv .lip-upper {
-webkit-clip-path: polygon(0 100%, 33% 0%, 50% 20%, 66% 0%, 100% 100%, 50% 66%);
clip-path: polygon(0 100%, 33% 0%, 50% 20%, 66% 0%, 100% 100%, 50% 66%);
}
#mouth.sound-fv .lip-lower {
-webkit-clip-path: polygon(0 0, 33% 0, 66% 0, 100% 0, 66% 100%, 33% 100%);
clip-path: polygon(0 0, 33% 0, 66% 0, 100% 0, 66% 100%, 33% 100%);
}
#mouth.sound-bmp {
width: 275px;
height: 56px;
}
#mouth.sound-bmp .lip-upper {
-webkit-clip-path: polygon(0 100%, 33% 0%, 50% 20%, 66% 0%, 100% 100%, 50% 100%);
clip-path: polygon(0 100%, 33% 0%, 50% 20%, 66% 0%, 100% 100%, 50% 100%);
}
#mouth.sound-bmp .lip-lower {
-webkit-clip-path: polygon(0 0, 33% 0, 66% 0, 100% 0, 66% 100%, 33% 100%);
clip-path: polygon(0 0, 33% 0, 66% 0, 100% 0, 66% 100%, 33% 100%);
}
#beleidigen{
margin-top:30px;
height:30px;
display:block;
width:150px;
}
.belei{
display:none;
}
#beleidigen:checked~.belei{
display:block;
height:200px;
width:80vw;
}
</style>
<main>
<h1>Überrasschung</h1></header>
<div class="begruessung">Hallo
<span id="werwude"></span><br>
<span style="color:green;font-weight:900">
<span id="vonwem"></span>
</span>
hat dir
<span id="menge11"></span>
Mitteilung hinterlassen<br>
Zum starten einfach den Mund klicken. Lautsprecher müssen aktiviert sein.
</div>
<div style="display:flex" id="app">
<div class="df">
<div class="mouth-wrapper">
<div class="sound-none" id="mouth" ref="mouth">
<div class="teeth teeth-upper"></div>
<div class="lip lip-upper"></div>
<div class="lip lip-lower"></div>
<div class="teeth teeth-lower"></div>
</div>
</div>
</div>
<div style="margin:50px 0 0 50px;font-size:30px" id="wortout">Klicke auf mein Mund</div>
</div>
<input type="checkbox" id="beleidigen" class='lined thin'>sofort zurück beleidigen!</input>
<div class="belei">
Name wen du beleidigen willst;<input type="text" id="beleiname"><br>
Wie viele Beleidigungen ?<input id="menge" type="number" min="1" max="1000" value="10"><br>
Wer beidigt ?(dein name ).<input type="text" id="wer"><br>
Link erstellen :<input type="button" id="generate" value="Link erstellen"><br>
<div id="linkout"></div>
</div>
</main>
<script>
Array.prototype.random = function () {
return this[Math.floor((Math.random()*this.length))];
}
wer=wert_wurde_beleidigt;
$('#werwude').html(wer);
von=wer_beleidigt;
$('#vonwem').html(von);
menge=menge_beleidigt;
$('#menge11').html(menge);
arr=JSON.parse('<?php echo $phpjson; ?>');
arr.random();
console.log(arr);
</script>
<script>
$('#generate').click(function(){
na=$('#beleiname').val();
me=$('#menge').val();
we=$('#wer').val();
// lin='https://basti1012.bplaced.net/admin/noch_testen/bekeidigen.php?name=Beleidigungen_veschicken.php&name1='+na+'&menge='+me+'&wer='+we+'';
lin='https://basti1012.bplaced.net/index.php?ordner=tools&name=Beleidigungen_veschicken&name1='+na+'&menge='+me+'&wer='+we+'';
$('#linkout').html('<a href="'+lin+'">'+lin+'</a>')
})
"use strict";
var supportMsg = document.getElementById('linkout');
if ('speechSynthesis' in window) {
supportMsg.innerHTML = 'Jipi!! Dein Browser kann vorlesen.';
} else {
supportMsg.innerHTML = 'Sorry dein Browser kann keine Nachrichten vorlesen.';
supportMsg.classList.add('not-supported');
}
function loadVoices() {
var voices = speechSynthesis.getVoices();
}
loadVoices();
function sprich(h){
var text=arr[h];
$('#wortout').html($('#werwude').html()+' du '+text);
window.speechSynthesis.onvoiceschanged = function(e) {
loadVoices();
};
function speak(text) {
var msg = new SpeechSynthesisUtterance();
msg.text = $('#werwude').html()+' du '+text;
msg.volume = parseFloat(1);
msg.rate = parseFloat(1);
msg.pitch = parseFloat(1);
window.speechSynthesis.speak(msg);
}
speak(text);
}
var obj = document.getElementById('mouth');
obj.addEventListener('touchstart', function(event) {
weiter(1,1);
});
obj.addEventListener('touched', function(event) {
weiter(1,1);
});
obj.addEventListener('touchend', function(event) {
weiter(1,1);
});
obj.addEventListener('touchmove', function(event) {
weiter(1,1);
});
$('#mouth').on('click' ,function(){
weiter(1,1);
});
var timer;
function weiter(a,h){
if(a==1){
$('#mouth').removeClass('sound-bmp');
$('#mouth').addClass('sound-none');
}
if(a==2){
$('#mouth').removeClass('sound-none');
$('#mouth').addClass('sound-fv');
}
if(a==3){
$('#mouth').removeClass('sound-fv');
$('#mouth').addClass('sound-aei');
}
if(a==4){
$('#mouth').removeClass('sound-aei');
$('#mouth').addClass('sound-o');
}
if(a==5){
$('#mouth').removeClass('sound-o');
$('#mouth').addClass('sound-none');
a=0;
}
if(h<menge){
timer=setTimeout(function(){
a++;
h++;
weiter(a,h)
sprich(h);
},2400);
}else{
clearTimeout(timer);
}
}
</script>