Lesezeichen fürs Forum Speichern

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten � Lesezeichen fürs Forum Speichern

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Lesezeichen fürs Forum Speichern datum

04.10.2023 02:46 (zuletzt bearbeitet: 04.10.2023 02:58)

Daishi

Informationen anzeigen

Beitr�ge:	337
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	291

Hallo, Wolfgang, ich bastele seit dem Wochenende an einem Script Lesezeichen fürs Forum Speichern.

Ich mache es viel schlimmer als es war, vorher ging nur der Kalender nicht, jetzt geht das Seitenmenü nicht mehr zum Öffnen und James geht auch nicht mehr richtig und der Kalender, und für die Forenspende hat sich der Balken verkleinert und die % zahl vertieft.

Habe jetzt zum 12-mal die Classes verändert. Nach jeder Änderung verträgt sich mein Script nicht mit allen anderen Scripts, im Forum, habe jetzt etwas Angst da weiterzumachen, nicht dass am Schluss das ganze Forum nicht mehr geht.

Bin mit meinem Wissen jetzt am Ende jede Änderung, die ich mache, mache ich es noch viel schlimmer. Ich weiß auch nicht, ob ich auch jetzt riesigen Fehler in das Javascript eingebaut habe, das habe ich auch schon 6-mal geändert.

Die Eintragungen speichert er, das funktioniert, anzeigen tut er es auch, nur dass die anderen Scripte und das Seitenmenü sich nicht öffnen lassen, zum Glück geht von den 3 Optionen das 1. des Seitenmenüs.

Hier mal das Script und die Codes:

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
 
<style>
  
*{
  box-sizing: border-box;
  font-family: sans-serif;
}
body{
  margin: 0;
  padding: 0;
  background-color: #a3a3a3;  
}
a{
  text-decoration: none;
  color: #fff;
}
h1{
  width: 100%;
  height: 80px;
  text-align: center;
  line-height: 80px;
  margin: 0;
  padding: 0;
  background-color: #a3a3a3;
  text-transform: uppercase;
  letter-spacing: 2px;
  word-spacing: 8px;
  color: #000;
}
.container{
  width: 600px;
  min-height: 150px;
  background-color: #a3a3a3;
  margin: 0 auto;
}
.form{
  width: 100%;
  height: auto;
  background-color: #a3a3a3;
  padding: 40px 50px;
  margin: 20px 0;
}
.input-field{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}
.input-field input[type="text"]{
  width: 250px;
  height: 25px;
  outline: none;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #000;
  padding-left: 10px;
}
.input-field label{
  color: #000;
  font-weight: bold;
  margin-bottom: 5px;
}
.save{
  display: block;
  margin: 0 auto;
  border: none;
  width: 75px;
  height: 25px;
  background-color: #f2edf2;
  color: #000;
  cursor: pointer;
  outline: none;
}
 .save:hover {
  background: green;
}
  
.bookmarks{
  width: 100%;
  background-color: #a3a3a3;
  padding: 20px;
}
.bookmark{
  display: flex;
  align-items: center;
  width: 550px;
  height: 40px;
  padding: 5px 20px;
  background-color: #a3a3a3;
  box-shadow: 0px 0px 3px 1px #656565;  
  margin-bottom: 10px;
}
.bookmark span{
  flex: 1;
  font-weight: bold;
  letter-spacing: 1.5px;
}
.bookmark .visit{
  width: 95px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #f2edf2;
  color: #000;  
  border-radius: 5px;
  margin: 0 5px;
}
  .bookmark .visit:hover {
  background: green;
} 
  
.bookmark .delete{
  width: 95px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #f2edf2;
  color: #000;  
  border-radius: 5px;
} 
  
   .bookmark .delete:hover {
  background: red;
}  
</style>
  
<h1>Lesezeichen fürs Forum</h1>
<div class="container">
  <form class="form" action="#">
    <div class="input-field">
      <label for="site_name">Name</label>
      <input name="site_name" type="text" placeholder="site name">
    </div>
    <div class="input-field">
      <label for="url">URL</label>
      <input name="url" type="text" placeholder="https://www.exemple.com">
    </div>
    <button class="save">Speichern</button>
  </form>
  <div class="bookmarks">
  </div>
</div>
 
<script>
  
var button = document.querySelector("button"),
    siteName = document.querySelector("[name='site_name']"),
    url = document.querySelector("[name='url']"),
    bookmarksSection = document.querySelector(".bookmarks");
/*************************************************/
if(typeof(localStorage.bookmark) == "undefined"){
  localStorage.bookmark = "";
}
/*************************************************/
function addItem(name, url){
  let dataLink = url;
  if(!url.includes("http")){
    url = "//" + url;
  }
  let item = `<div class="bookmark">
                <span>${name}</span>
                <a class="visit" href="${url}" target="_blank" data-link='${dataLink}'>Besuchen</a>
                <a onclick="remove(this)" class="delete" href="#">löschen</a>
              </div>`;
  bookmarksSection.innerHTML += item;
}
/*************************************************/
(function charge(){
  if(typeof(localStorage.bookmark) != "undefined" && localStorage.bookmark !== ""){
    let arrayItems = localStorage.bookmark.split(";");
    arrayItems.length--;
    for(item of arrayItems){
      let itemSpli = item.split(',');
      addItem(itemSpli[0], itemSpli[1]);
    }
  }
})();
/*************************************************/
button.addEventListener("click", function(e){
  e.preventDefault();
 
  /* /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi */
  let patterURL = /(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi,
      result, arrayItems, check = false, adr, itemAdr;
  if(siteName.value === ""){
    alert("Sie müssen die Eingabe �site Name� ausfüllen");
  } else if(url.value === ""){
    alert("Sie müssen die URL-Eingabe ausfüllen");
  } else if(!patterURL.test(url.value)){
    alert("Sie müssen eine gültige URL eingeben");
   } else{
    arrayItems = localStorage.bookmark.split(";");
    adr = url.value;
    adr = adr.replace(/http:\/\/|https:\/\//i, "");
    arrayItems.length--;
    for(item of arrayItems){
      itemAdr = item.split(',')[1].replace(/http:\/\/|https:\/\//i,"");
      if(itemAdr == adr){
        check = true;
      }
    }
    if(check == true){
      alert("Diese Website ist bereits mit einem Lesezeichen versehen");
    }
    else{
      localStorage.bookmark += `${siteName.value},${url.value};`;
      addItem(siteName.value, url.value);
      siteName.value = "";
      url.value = ""; 
    }
  }
});
/*************************************************/
function remove(thisItem){
  let arrayItems = [],
      index,
      item = thisItem.parentNode,
      itemURL = item.querySelector(".visit").dataset.link,
      itemName = item.querySelector("span").innerHTML;
  arrayItems = localStorage.bookmark.split(";");
  for(i in arrayItems){
    if(arrayItems[i] == `${itemName},${itemURL}`){
      index = i;
      break;
    }
  }
  index = arrayItems.indexOf(`${itemName},${itemURL}`);
  arrayItems.splice(index,1);
  localStorage.bookmark = arrayItems.join(";");
  bookmarksSection.removeChild(item);
}
  
  
</script>     
 

Schlie�en

Habe das Script Lesezeichen fürs Forum im Forum aktive, habe es mal als Plugin laufen, das man da testen kann, mit dem Speichern dachte mir das, das eine gute Idee sei für das Forum etwas moderner aufzupeppen.

Es war eine Idee und Inspiration.

Sobald man die Cookies und Website-Daten, die gespeicherten Cookies, Website-Daten und der Cache belegen löscht, und die Chronik löscht, sind im Forum die gespeicherten Seiten weg. Ich entschuldige mich, dass ich dafür noch keine Idee und Lösung gefunden habe.

Ich habe es natürlich meinem Design angepasst.

Wie gesagt ich finde den Fehler nicht wo ich hier eingebaut habe, habe bis jetzt daran gearbeitet.

Für Hilfe und Erklärung wäre ich sehr dankbar.

Nette Grüße

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#2 | RE: Lesezeichen fürs Forum speichern datum

28.10.2023 14:26 (zuletzt bearbeitet: 29.10.2023 11:42)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3318
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1248

Lesezeichen fürs Forum speichern
Aktualisiert 29.10.23

Hallo Daishi,
mal wieder besten Dank!

Habe lange nach einem Konzept gesucht und eine brauchbare Lösung gefunden alles ins Forum einzubauen, denke ich!
Das Forum-Lesezeichen soll ja mit vielen Vorteilen glänzen gegenüber den bereits vorhandenen Browser-Lesezeichen!
Sie sollen schnell erreichbar, speicherbar, kompakt und nicht überdimensioniert sein!
Auch sollten sie beim Aufruf den Lesefluss nicht stören!

Was habe ich gemacht?

Habe mal wieder alle Classes und ID's erweitert, damit sie die eigenen und die des Forums nicht stören oder beeinflussen!
Einen Pin eingebaut, der das Lesezeichen-Fenster nach Belieben aufrufen und wieder schließen kann!
"Draggable" und "Resize" eingebaut, damit man das Lesezeichen-Fenster vergrößern und verschieben kann!
Habe mit "localStorage" die Möglichkeit geschaffen, auch der Zustand des Lesezeichen-Fensters zu speichern. Eine Seitenreload oder Seitenwechsel hat keinen Einfluss!

Was kann das neue Skript?

Das Lesezeichen-Menü wird über einen Pin aufgerufen und wieder geschlossen!
Der Pin ist fixiert und an jeder beliebigen Stelle (oben links) platzierbar. Damit sind die Lesezeichen immer erreichbar und man kann die Liste zu jeder Zeit und schnellstens aufgerufen!
Auch besteht die Möglichkeit im Portal einen genaueren Hinweis zu platzieren, das Menü aufzurufen und auf die Funktion aufmerksam zu machen!
Die Lesezeichen können blitzschnell notiert werden, denn ein Link-Name ist bereits vorgegeben, kann aber geändert werden!
Der zu speichernde Link braucht nur in die Url-Zeile gezogen werden, egal von wo! !
Die Web-Adresse wird beim Mouseover als Tooltipp angezeigt!

Top! Es können alle Links in die "Url-Zeile" gezogen werden, auch die von Grafiken!
Somit ist es möglich eine Palette von Grafikadressen oder Lieblingsseiten zu sammeln!

Installation für alle Templates & Mobil

Das komplette Skript kommt für die Template (v1-4) in die Fußzeile,
sollen die Lesezeichen noch zusätzlich im Portal angezeigt werden, muss es in die Kopfzeile.
Für das neue Xobor V6 & Mobil wird das komplette Skript nach Eigenes Javascript kopiert.
Hier ist allerdings abzuwägen, ob es für mobilen Geräten installiert werden sollte.

Das Skript kann auch als Plugin unter "Untere Leiste - Header" angelegt werden!
Sollen noch zusätzlich die Lesezeichen im Portal funktionieren, muss das komplette Skript nach "Obere Leiste - Header" kopiert werden!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

In Zeile 137+138 kann die Position der Auslösegrafik, in Zeile 6+7 die Lesezeichentabelle bestimmt werden!
In Zeile 183 kann die Auslösegrafik ausgetauscht werden!
Farbliche Anpassungen können über "Background-Color", "Border" und "Color" vorgenommen werden!

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
 
<style>
.bookmark_container.start {
  position:fixed;
  top:100px;
  left:100px;
  background-color: #555555;
  border:5px solid #555555;
  width: auto; 
  text-align: center;
  z-index:999999;
  cursor: move;
}
.bookmark_container h4 {
  font: bold 16px Arial, sans-serif;
  width: auto;
  padding: 10px 20px;
  margin:auto;
  text-align: center;
  background-color: #eeeeee;
  text-transform: uppercase;
  letter-spacing: 2px;
  word-spacing: 5px;
  color: #000000;
  border-radius:5px;
  border:1px solid #aaaaaa;
}
.bookmark_container .bookmark_div {
  background-color: #a3a3a3;
  padding:5px 10px;
  border:1px: solid #aaaaaa;
}
.bookmark_container a {
  text-decoration: none;
  color: #ffffff;
}
.bookmark_container .form {
  background-color: #a3a3a3;
  margin: 5px auto;
}
.bookmark_container .form div {
  background-color: #dddddd;
  padding: 5px 10px;
  margin: 5px auto;
  border-radius:5px;
}
.bookmark_container .input-field {
  display: flex;
  flex-direction: column;
}
.bookmark_container .input-field input[type="text"] {
  width:auto;
  font: 11px Arial, sans-serif !important;
  outline: none;
  border: none;
  background-color: #ffffff;
  border-bottom: 2px solid #494949;
  padding: 5px 25px 5px 5px !important;
}
.bookmark_container .input-field:hover input {
  background-color: #eeeeff;
}
.bookmark_container .input-field label {
  font: bold 14px Arial, sans-serif !important;
  color: #000000;
  margin-bottom: 5px;
}
.bookmark_container input[type="text"].saveLink {
  font: 14px Arial, sans-serif !important;
}
.bookmark_container .save {
  display: inline-block;
  margin: 20px auto 0 auto;
  border: none;
  border-radius: 5px;
  width: 75px;
  height: 25px;
  background-color: #f2edf2;
  color: #000;
  cursor: pointer;
  outline: none;
}
.bookmark_container .save:hover {
  background: green;
  color: #eeeeee;
}
.bookmark_container .bookmarks {
  background-color: #dddddd;
  padding: 5px;
}
.bookmark_container .bookmark {
  display: flex;
  align-items: center;
  height: auto;
  padding: 5px;
  background-color: #a3a3a3;
  box-shadow: 0px 0px 3px 1px #656565;
  word-break: break-all; 
}
.bookmark_container .bookmark .visit {
  background-color: #ffffff;
  padding: 5px 10px;
  flex: 1;
  letter-spacing: 1.5px;
  font: bold 12px Arial;
  height: auto; 
  text-align: center;
  color: #0000aa;
  border-radius: 5px;
  margin: 0 5px;
}
.bookmark_container .bookmark .visit:hover {
  background: #eeffee; ccolor: #00aa00;
} 
.bookmark_container .bookmark .delete {
  font: bold 26px Arial;
  padding: 5px;
  height: auto;
  line-height: 25px;
  text-align: center;
  background-color: #f2edf2;
  color: #aa0000;
  border-radius: 5px;
} 
.bookmark_container .bookmark .delete:hover {
  background: #ffeeee;
}
.bookmark_div:has(> .bookmarks:empty) {
  display:none;
}
.bookmark_container.start.speichern {
  display:inline-block !important;
}
.pin_fav {
  position:fixed;
  top:110px;
  left:20px;
  cursor:pointer;
  z-index:998;
}
.portal .pin_fav {
  top:250px;
}
.pin_por {
  background-color: #dddddd;
  cursor:pointer;
  margin:0px 20px 10px 20px;
  padding: 1px 30px;
  border-radius:5px;
  border:1px solid #aaaaaa;
}
.pin_por:hover {
  background-color: #eeeeee;
}
.pin_x {
  cursor:pointer; 
  border-radius:50%; 
  border: 1px solid #383838; 
  padding:4px 0 4px 2px; 
  background:#aaaaaa;
}
.pin_x:hover {
  background:#cccccc;
}
.nameDel, .urlDel {
  background:none !important;
  position:absolute;
  margin-top:17px !important; 
  right:16px; 
  color:#000000; 
  cursor:pointer;" 
}
.nameDel:hover, .urlDel:hover { 
  color:#dd0000 !important; 
}
@media all and (max-device-width: 767px){
 .lesePor {display:none !important}
}
</style>
 
 
<img title="Favoriten speichern" class="pin_fav" src="//files.homepagemodules.de/b104774/a_641_49ac2d0c.png">
 
<div class="bookmark_container start" style="display:none;">
  <div class="bookmark_div"> 
    <h4>Forum Lesezeichen <span class="pin_x">&#10060;</span></h4>
  </div>
  <div class="bookmark_div" style="margin-top: 10px;"> 
    <form class="form" action="/text">
      <div class="input-field">
        <label for="site_name">Name</label>
        <input class="saveLink" id ="delIn" title="Namen vergeben, Adresse in die Url-Zeile ziehen" name="site_name" type="text" placeholder="Name der Seite" value="Webseite"><div class="nameDel" onclick="document.getElementById('delIn').value = ''">&#10006;</div>
      </div>
      <div class="input-field">
        <label for="url">URL</label>
        <input class="labelUrl" id="delUr" title="Adresse in die Url-Zeile ziehen" name="url" type="text" placeholder="https://www.exemple.com"><div class="urlDel" onclick="document.getElementById('delUr').value = ''">&#10006;</div>
      </div>
      <button class="save">Speichern</button>
    </form>
  </div>
  <div class="bookmark_div" style="margin-top: 10px;"> 
    <div class="bookmarks"></div>
  </div>
</div>
 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script>
window.addEventListener('load', function(){
 
  var book = $('.bookmark_container.start');
  book.toggleClass(localStorage.toggled);
 
  $('.pin_fav, .pin_por, .pin_x').on('click',function(){
    if(localStorage.toggled != "speichern" ) {
      book.toggleClass("speichern", true );
      localStorage.toggled = "speichern";
    } else {
      book.toggleClass("speichern", false );
      localStorage.toggled = "";
    }
  });
 
  var books = $('.bookmark_container');
  books.draggable().resizable({resize: function(event, ui) {$(this).css('height','');}, minWidth: 250});
 
});
 
 
 
var button = document.querySelector("button.save"),
    siteName = document.querySelector(".bookmark_container [name='site_name']"),
    url = document.querySelector(".bookmark_container [name='url']"),
    bookmarksSection = document.querySelector(".bookmark_container .bookmarks");
 
/*************************************************/
if(typeof(localStorage.bookmark) == "undefined"){
  localStorage.bookmark = "";
}
 
/*************************************************/
function addItem(name, url){
 
  let dataLink = url;
  if(!url.includes("http")){
    url = "//" + url;
  }
  let item = `<div class="bookmark">
                <a title="${url}" class="visit" href="${url}" target="_blank" data-link='${dataLink}'><span>${name}</span></a>
                <a onclick="remove(this)" class="delete" href="#">&#128465;</a>
              </div>`;
  bookmarksSection.innerHTML += item;
}
 
/*************************************************/
(function charge(){
  if(typeof(localStorage.bookmark) != "undefined" && localStorage.bookmark !== ""){
    let arrayItems = localStorage.bookmark.split(";");
    arrayItems.length--;
    for(item of arrayItems){
      let itemSpli = item.split(',');
      addItem(itemSpli[0], itemSpli[1]);
    }
  }
})();
 
/*************************************************/
button.addEventListener("click", function(e){ 
  e.preventDefault();
 
  //let patterURL = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi 
  let patterURL = /(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi,
      result, arrayItems, check = false, adr, itemAdr;
  if(siteName.value === ""){
    alert("Sie müssen die Eingabe �Name der Seite� ausfüllen");
  } else if(url.value === ""){
   alert("Sie müssen die URL-Eingabe ausfüllen");
  } else if(!patterURL.test(url.value)){
   alert("Sie müssen eine gültige URL eingeben");
   } else{
    arrayItems = localStorage.bookmark.split(";");
    adr = url.value;
    adr = adr.replace(/http:\/\/|https:\/\//i, "");
    arrayItems.length--;
    for(item of arrayItems){
      itemAdr = item.split(',')[1].replace(/http:\/\/|https:\/\//i,"");
      if(itemAdr == adr){
        check = true;
      }
    }
    if(check == true){
      alert("Diese Website ist bereits mit einem Lesezeichen versehen");
    }
    else{
      localStorage.bookmark += `${siteName.value},${url.value};`;
      addItem(siteName.value, url.value);
      siteName.value = "";
      url.value = ""; 
    }
  }
 
$('.saveLink').attr('value','Webseite');
});
 
/*************************************************/
function remove(thisItem){
  let arrayItems = [],
      index,
      item = thisItem.parentNode,
      itemURL = item.querySelector(".bookmark_container .visit").dataset.link,
      itemName = item.querySelector(".bookmark_container span").innerHTML;
  arrayItems = localStorage.bookmark.split(";");
  for(i in arrayItems){
    if(arrayItems[i] == `${itemName},${itemURL}`){
      index = i;
      break;
    }
  }
  index = arrayItems.indexOf(`${itemName},${itemURL}`);
  arrayItems.splice(index,1);
  localStorage.bookmark = arrayItems.join(";");
  bookmarksSection.removeChild(item);
}
</script>
 

Schlie�en

PS:

Ist z.Z. installiert. Die Auslösegrafik ist links oben und im Portal in der mittleren Box zu sehen!

Bis dann und gutes Gelingen!
Wolfgang

Kipper-Spedition und Daishi finden das Top!

Antworten

Moderations-Kommentar:

Fehler in Zusammenhang mit Cookie-Hinweis behoben!
Fehler fürs Verschieben und Vergrößern behoben!

#3 | RE: Lesezeichen fürs Forum speichern datum

28.10.2023 17:15 (zuletzt bearbeitet: 28.10.2023 17:53)

Mein Danke siehst du im Bild.
Nachtrag: selbstverständlich danke ich auch dem Christian. Genial, so ein programmierender und kreativer Hausmeisterservice. Weiter so!

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Wolfgang und Daishi finden das Top!

Antworten

#4 | Update: Lesezeichen fürs Forum speichern datum

29.10.2023 03:28

Update: Lesezeichen fürs Forum speichern

Hallo Arndt,
das Skript hatte noch einige Fehler, die mir gar nicht so aufgefallen sind!

Das Lesezeichenfenster sollte sich verschieben und vergrößern lassen, damit es nie im Wege steht oder man alles ausreichend lesen kann!
Das hatte nur nach einem Seiten-Reload bei geöffneten Lesezeichenfenster funktioniert.
Das Lesezeichenfenster wurde beim Anmelden und Erscheinen des Cookie-Hinweises nicht richtig ausgeblendet.
Es wurde angezeigt ohne Formatierung, allerdings transparent!
Der z-index für die Auslösegrafik war nicht richtig eingestellt, sie wurde im Modal-Modus komplett angezeigt!

Habe für alle Fehler eine Lösung gefunden und in Beitrag #2 nachgetragen!

Wolfgang

Gabriella und Daishi finden das Top!

Antworten

#5 | RE: Lesezeichen fürs Forum speichern datum

16.11.2023 16:44 (zuletzt bearbeitet: 25.02.2024 17:02)

Mein Dankeschön siehst du im Bild

Funktioniert Top, super Arbeit.

Nette Grüße

Daishi

Wolfgang findet das Top!

Antworten

#6 | RE: Lesezeichen im Seitenmenü speichern datum

25.02.2024 10:16 (zuletzt bearbeitet: 25.02.2024 17:46)

Lieber guter ~~Osterhasi~~ ähh Wolfgang,

man(n) kann doch sicherlich das Lesezeichen auch per einfachen Link bzw. Button ins Forum einfügen?
Ich hab da schon bei den linken Seitenpaneels ein Button: Lesezeichen eingefügt... ich raffe das aber nicht mit den IDs und so. Theoretisch: Auslösegrafik weg und die Verlinkung auf den Lesezeichenbutton legen - praktisch: bei mir ne Vollkatastrophe. Naja, vielleicht im nächsten Leben.

Ich hab ja gehört: Rentner haben niemals Zeit, aber vielleicht ergibt es sich ja mal.
Schönes Wochenende wünscht

Arndt

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Beitrag wurde gelesen, ist in Arbeit!

Antworten

#7 | Lesezeichen im Seitenmenü speichern datum

25.02.2024 17:43 (zuletzt bearbeitet: 25.02.2024 17:46)

Lesezeichen im Seitenmenü speichern

Hallo Arndt

Zitat von Kipper-Spedition im Beitrag #6
Ich hab ja gehört: Rentner haben niemals Zeit, aber vielleicht ergibt es sich ja mal.

Da sagst Du was!
Ich habe gedacht, dass Rentner und Pensionäre sich zusätzlich Jobs oder Arbeit zulegen, damit sie immer etwas zu tun haben und ihnen vor Langerweile nicht die Decke auf den Kopf fällt!
Ich habe mir gesagt, dass machst Du anders und schaust, was so auf Dich zukommt.
Es ist wie es ist...
Wenn es nicht die Eltern sind, die unsere Pflege benötigen, sind es andere Vorhaben, die ohne unser Zutun auf uns zu kommen!

Da muss es wohl eine kleine Regel im Universum geben...

Lesezeichen im Seitenmenü

Das ist mal wieder eine super Idee, die Lesezeichen ins Seitenmenü zu verfrachten!

Das hat natürlich den Vorteil, alles übersichtlich zu halten.
Das Lesezeichen-Fenster beansprucht doch recht viel Platz und verdeckt so einiges!
Die Funktion könnte ich mir so vorstellen, dass man das Lesezeichen von Hand eintragen könnte oder einfach den Link ins Menü zieht!

Mal schauen!

Bis dann und besten Dank
Wolfgang

Antworten

Fehlersuche: Hover in der Iconbar � � Habe mal eine Frage - Benachrichtigung im Seitenmenü

�hnliche Themen

Antworten

Letzter Beitrag

Sprechblasen fürs Forum - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 10.08.2022 18:49
Wolfgang • Zugriffe: 638
YouTube-Videogalerie für das eigene Forum installieren!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 1 08.12.2020 23:42
Wolfgang • Zugriffe: 1519

Business Template V4: Speichern in "Beitrag bearbeiten" verbessern!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

02.06.2020 19:24
von

Wolfgang • Zugriffe: 598

Der Forum-Newsletter ist da!
Erstellt im Forum Ank�ndigungen & Termine, wichtige News! von Wolfgang 1 08.12.2018 10:15
Wolfgang • Zugriffe: 1453
Neu! Forum - Lesezeichen dauerhaft verfügbar!
Erstellt im Forum Ank�ndigungen & Termine, wichtige News! von Wolfgang 3 11.12.2016 19:38
Wolfgang • Zugriffe: 5606

Forum-Bilder mit einstellbarer Größe, Tooltipps und Beschreibung ausstatten - Teil 1-3!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

08.06.2022 10:15
von

Wolfgang • Zugriffe: 4503

Position der Desktop-Icons speichern, mit "DesktopOK"
Erstellt im Forum Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps von Wolfgang 0 16.05.2008 23:49
Wolfgang • Zugriffe: 2135

Kopie der Privaten Nachrichten speichern - per Default
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von 69magic

11.07.2011 12:33
von

Gabriella • Zugriffe: 1519

Versteckte Kommentare in Forum-Beiträgen nutzen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

07.07.2019 00:01
von

Wolfgang • Zugriffe: 3520

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

78%