Sie sind hier : basti1012.de/ Kurze-Scripte-und-Codeschnipsel / index.php

Zurück


Der Quellcode dazu


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 <!DOCTYPE html>
<html>
<head>
    <title>itel</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
<style>
*{
margin:0;
padding:0;
}
 
body {
  color: #2c3e50;
  background: #ecf0f1;
}
h1 {
  text-align: center;
}
#aa{
  border:1px solid black;
   margin-top:-20px;
  margin-left:1px;
  pointer-events:none;
  background:none;
  border:1px black;
  font-weight:100;
}
#aa span{
  color:yellow;

}
#aa,#ww{
  font-weight:100;
  font-size:35px;
  width:80%;
  margin:0 auto;
}
#ww{
  border:1px solid black;
  margin-top:120px;
}
  #aa{
    margin-top:-41px;
  }
  h3{
    margin:160px;
    text-align:center;
  }
</style>
</head>
<body>
<div id="ww" contenteditable></div>

<div id="aa"></div>

  <h3>Gebe test.de oder html ein </h3>
<script>


$('#ww').on('keyup',function(){
   
var bb2= $('#ww').html();
 $('#ww').html();
bb2=bb2.replace(/test.de|gg/g,'<span style="color:yellow">$&</span>');
bb2=bb2.replace(/html/g,'<span style="color:red">$&</span>');


  $('#aa').html(bb2) 
   $('#ww').focus();
 }) 
   
</script>

 

</body>
</html>