Schließen ShoutBox
Eintragen
DustFireSky Infos einsehen
This site is closed. Support here www.hth-c.com
Black Infos einsehen
Hey,How to install ASCE Plugin
Black Infos einsehen
Hey,How to install ASCE Plugin
MacProggi Infos einsehen
War das schonmal anders??? Treffer
Schließen Popup
Noch nicht registriert...
Sie sind noch nicht registriert! Einige Bereiche werden für Sie nicht zugänglich sein.
Zur Registrierung

Auf http://www.kit-coding.de registrieren

pK ASCE PHPKIT 1.6.6 - Community Sammelpatch SP1c

Prolog: Wichtige Änderungen Bitte laden Sie sich folgende Addons erneut herunter und deinstallieren Sie diese bitte BEVOR Sie das Community Update installieren: Font Size BB-Code Denksmilie BB-CodeWenn Sie die genannten Plugins bei Ihnen deinstalliert und diese Plugins auch gelöscht haben, so deinstallieren Sie den ALTEN Community Patch und spielen bitte den neuen auf.Jetzt laden S..
mehr...

pK ASCE PHPKIT 1.6.6 - Battlefield 3 Modul V1.0.8F für den GS Viewer

Was soll das sein fragt Ihr Euch ?!? *code Dieses Modul wird zum auslesen der Battlefield 3 Server und Mod Server benötigt. Dies ist eine Modulerweiterung für das Hauptscript . Es werden alle erdenklichen Informationen des Servers ausgelesen und verarbeitet. Zudem wurden alle Informationen ins deutsche übersetzt und unnötige Informationen gefiltert. Es ist für jede unterstützte Erwe..
mehr...

pK ASCE PHPKIT 1.6.6 - JW Player V6.2

Was soll das sein fragt Ihr Euch ?!? *code Dieser Player wird von einigen Addons von uns genutzt. Daher sollten Sie diesen spätestens dann installieren, wenn Sie das Multi-Video-Stations Addon ab Version 5.0! installieren wollen. Warum diese Dateien seperat anbieten ? Damit es einfacher ist die Hauptdateien zu aktualisieren, auf die viele Addons zugreifen. Ich müsste sonst je..
mehr...

pK ASCE PHPKIT 1.6.6 - MVS (Multi-Video-Station) V5.0F

Was soll das sein fragt Ihr Euch ?!? *code Wollten Sie schon immer mal eine Video Galerie besitzen und Sie Ihren Besuchern etwas besonderes bieten ? Dann werden Sie mit diesem Addon genau richtig liegen. Addon Abhängigkeiten: Sie benötigen noch folgende Plugins, damit dieses Addon hier reibungslos funktioniert. Uploadify Uploder V1.0F JW Player V6.0 Client: 1. Javascr..
mehr...

pK ASCE PHPKIT 1.6.6 - KC feat. ESA | Turnier Liga Script

Wichtig! Wenn Sie das Addon installieren über den Button => "Automatische Dateieditierung starten" so können 30 Sekunden vergehen, bis sie die Ergebnisse angezeigt bekommen. Werden Sie bitte nicht nervös und klicken Sie auch nicht mehrmals auf den Button. Außerdem wurden in dieser Version noch keine Bugs gefixt, die es im originalen Addon von Lucky gibt. Das ist lediglich eine ASCE V..
mehr...

pK ASCE PHPKIT 1.6.6 - Multi CMS User Konverter PHPKIT V1.2F

Was soll das sein fragt Ihr Euch ?!? *code Mit diesem Tool ist es möglich, eine PHP Fusion V7, WBB Burning Board 2.3.6 oder DZCP User Tabelle in eine PHPKIT 1.6.6 User Tabelle zu konvertieren. Dies geschieht fast alles automatisch und bedarf nur weniger Handgriffe. Sollten Fehler auftreten werden Ihnen diese kenntlich gemacht und das Script bricht ab. Bis jetzt unterstützte ..
mehr...

pK Auto-Source-Code-Editor PHPKIT 1.6.6 - Pluginsystem V1.0 *OpenBeta*

Prolog: Wichtige Information bezüglich der Nutzung! Alle unsere angebotenen Plugins bauen auf den Community Patch von uns auf. Sie sollten diesen sofort nach installieren des Pluginsystems installieren lassen.Generell können Sie auch bei Benutzung des Pluginsystems Addon Dateien (Dateien die durch ein Addon hinzukommen) nach wie vor nach Ihren Wünschen anpassen. Es sollten halt nur k..
mehr...

pK ASCE PHPKIT 1.6.6 - KC feat. ESA | Laberecke V3.3F

Wichtig! Wenn Sie das Addon installieren über den Button => "Automatische Dateieditierung starten" so können 30 Sekunden vergehen, bis sie die Ergebnisse angezeigt bekommen. Werden Sie bitte nicht nervös und klicken Sie auch nicht mehrmals auf den Button. Urheber: ESA-Lucky => Originalfassung KC-DustFireSky => Neue und überarbeitete Version & ASCE Kompatiblität Ich möchte mich an ..
mehr...

pK ASCE PHPKIT 1.6.6 - Robots Anzeige V1.0F

Was soll das sein fragt Ihr Euch ?!? *code Mit diesem kleinen Snipset erweitern Sie Ihre Seite um die Fähigkeit, das Robots angezeigt werden können. Diese werden schön aufgelistet und Sie können diese im Adminbereich oder in der Statusnavbox oder im Forumsfooter sehen. Beinhaltet: Versteckten Text anzeigen Robots Anzeige im AdminbereichRobots in der Status Navbox anzeigenRobots..
mehr...

pK ASCE PHPKIT 1.6.6 - Forum Zusatz Funktions Mod V1.1F

Was soll das sein fragt Ihr Euch ?!? *code Mit diesem Addon verwalten Sie schnell Ihre Forenthemen. Sie können mehrere Themen entweder löschen oder diese moderieren. Beim moderieren können Sie mehrere ausgewählte Themen entweder in eine andere Forenkategorie verschieben oder den Forenthread Status für mehrere Themen ändern. Zum Beispiel mehrere gleichzeitig schließen oder fixieren. ..
mehr...
   

  • Statusbox

  • Jetzt Online (0)
    Haupt-Admin Online
    Admin Online
    Moderator Online
    Member Online
    User Online
    Gäste Online
    26
 
Artikel » Tutorials - 1.6.5 » Javascripte kürzen im PHPKIT
   

Tutorials - 1.6.5   Javascripte kürzen im PHPKIT
20.02.2012 von DustFireSky

Auch diese Anleitung bezieht sich auf die reine Geschwindigkeit der eigenen Webseite. Javascripte wird wohl jede Webseite eingebunden haben und daher ist es wichtig es so kurz wie möglich zu schreiben.

Hier mal ein kleines Beispiel, was wirklich unvorteilhaft ist:

PHP Icon PHP-Code Anfang: (110 Zeilen) | Code markieren
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 
<script type="text/javascript"> 
 function oeffne(welches) { 
   if(document.getElementById(welches).style.display == 'none') { 
     document.getElementById(welches).style.display = ''; 
     document.getElementById('img'+welches).src = 'images/minus.gif'; 
   }else{ 
     document.getElementById(welches).style.display = 'none'; 
     document.getElementById('img'+welches).src = 'images/plus.gif'; 
   } 
 } 
 </script>
<script type="text/javascript"> 
 function oeffne(welches) { 
   if(document.getElementById(welches).style.display == 'none') { 
     document.getElementById(welches).style.display = ''; 
     document.getElementById('img'+welches).src = 'images/minus.gif'; 
   }else{ 
     document.getElementById(welches).style.display = 'none'; 
     document.getElementById('img'+welches).src = 'images/plus.gif'; 
   } 
 } 
 </script>
<script type="text/javascript">
function SetzeSmilie(smiliecode) {
  if(document.le_form.usertext.value == "Text*") document.le_form.usertext.value = " "+smiliecode+" ";
  else document.le_form.usertext.value += " "+smiliecode+" ";
  document.le_form.usertext.focus();
}
</script>
<script type="text/javascript">
  var idLaberFeld  = 'usertext';
  var rangeIE = null;
  function LaberText(before, after)
  {
     if(document.le_form.usertext.value == "Text*") document.le_form.usertext.value = "";
     var labertextfeld = document.getElementById(idLaberFeld);
     labertextfeld.focus();
     if(typeof document.selection != 'undefined')
     {
       insertIE(labertextfeld, before, after);
     }
     else if (typeof labertextfeld.selectionStart != 'undefined')
     {
       insertGecko(labertextfeld, before, after);
     }
  }
  function insertIE(labertextfeld, before, after)
  {
     if(!rangeIE) rangeIE = document.selection.createRange();
     if(rangeIE.parentElement().id != idLaberFeld) { rangeIE = null; return; }
     var alterText = rangeIE.text;
     rangeIE.text = before + alterText + after;
     if (alterText.length == 0)
       rangeIE.move('character', -after.length);
     else
       rangeIE.moveStart('character', rangeIE.text.length);
     
     rangeIE.select();
     rangeIE = null;
  }
  function insertGecko(labertextfeld, before, after)
  {
     from = labertextfeld.selectionStart;
     by = labertextfeld.selectionEnd;
     beginn = labertextfeld.value.slice(0,   from);
     middle  = labertextfeld.value.slice(from, by);
     end   = labertextfeld.value.slice(by);
     labertextfeld.value = beginn + before + middle + after + end;
     if(by - from == 0)
     {
       labertextfeld.selectionStart = from + before.length;
       labertextfeld.selectionEnd   = labertextfeld.selectionStart;
     }
     else
     {
       labertextfeld.selectionEnd   = by + before.length + after.length;
       labertextfeld.selectionStart = labertextfeld.selectionEnd;
     }
  }
</script>
<script type="text/javascript">
function LeShowHide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.visibility == 'visible'){
    obj[id].style.visibility = 'hidden';
    }
    else {
    obj[id].style.visibility = 'visible';
    }
}
</script>
<script type="text/javascript">
function laber_klapp(Id) {
var l_text = document.getElementById(Id);
if (l_text.style.display == 'none') {
l_text.style.display = 'block';
} else {
l_text.style.display = 'none';
 }
}
</script>
<script type="text/javascript">
function counttext (text, countInput, remainingInput) {
   if(text == "Text*") return false;
   var max = Number(remainingInput.defaultValue); 
   countInput.value = text.length;
   remainingInput.value = max - text.length;
   return true;
}
</script>
  PHP-Code ENDE: (110 Zeilen) | Code markieren 


Was läuft hier schief ?

  1. Ein und dieselbe Funktion existiert mehr wie einmal
  2. Unnötige Scriptöffnungen und Schließungen


Nach dem ersten durchgehen sähe das so aus:

PHP Icon PHP-Code Anfang: (89 Zeilen) | Code markieren
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 
<script type="text/javascript"> 
 function oeffne(welches) { 
   if(document.getElementById(welches).style.display == 'none') { 
     document.getElementById(welches).style.display = ''; 
     document.getElementById('img'+welches).src = 'images/minus.gif'; 
   }else{ 
     document.getElementById(welches).style.display = 'none'; 
     document.getElementById('img'+welches).src = 'images/plus.gif'; 
   } 
 } 
function SetzeSmilie(smiliecode) {
  if(document.le_form.usertext.value == "Text*") document.le_form.usertext.value = " "+smiliecode+" ";
  else document.le_form.usertext.value += " "+smiliecode+" ";
  document.le_form.usertext.focus();
}
  var idLaberFeld  = 'usertext';
  var rangeIE = null;
  function LaberText(before, after)
  {
     if(document.le_form.usertext.value == "Text*") document.le_form.usertext.value = "";
     var labertextfeld = document.getElementById(idLaberFeld);
     labertextfeld.focus();
     if(typeof document.selection != 'undefined')
     {
       insertIE(labertextfeld, before, after);
     }
     else if (typeof labertextfeld.selectionStart != 'undefined')
     {
       insertGecko(labertextfeld, before, after);
     }
  }
  function insertIE(labertextfeld, before, after)
  {
     if(!rangeIE) rangeIE = document.selection.createRange();
     if(rangeIE.parentElement().id != idLaberFeld) { rangeIE = null; return; }
     var alterText = rangeIE.text;
     rangeIE.text = before + alterText + after;
     if (alterText.length == 0)
       rangeIE.move('character', -after.length);
     else
       rangeIE.moveStart('character', rangeIE.text.length);
     
     rangeIE.select();
     rangeIE = null;
  }
  function insertGecko(labertextfeld, before, after)
  {
     from = labertextfeld.selectionStart;
     by = labertextfeld.selectionEnd;
     beginn = labertextfeld.value.slice(0,   from);
     middle  = labertextfeld.value.slice(from, by);
     end   = labertextfeld.value.slice(by);
     labertextfeld.value = beginn + before + middle + after + end;
     if(by - from == 0)
     {
       labertextfeld.selectionStart = from + before.length;
       labertextfeld.selectionEnd   = labertextfeld.selectionStart;
     }
     else
     {
       labertextfeld.selectionEnd   = by + before.length + after.length;
       labertextfeld.selectionStart = labertextfeld.selectionEnd;
     }
  }
function LeShowHide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.visibility == 'visible'){
    obj[id].style.visibility = 'hidden';
    }
    else {
    obj[id].style.visibility = 'visible';
    }
}
function laber_klapp(Id) {
var l_text = document.getElementById(Id);
if (l_text.style.display == 'none') {
l_text.style.display = 'block';
} else {
l_text.style.display = 'none';
 }
}
function counttext (text, countInput, remainingInput) {
   if(text == "Text*") return false;
   var max = Number(remainingInput.defaultValue); 
   countInput.value = text.length;
   remainingInput.value = max - text.length;
   return true;
}
</script>
  PHP-Code ENDE: (89 Zeilen) | Code markieren 


So, das sieht schonmal besser aus, ABER es ist noch viel zu groß!
Also werden wir das ganze mal minimieren! Ich habe mir dazu diese Webseite zur Hilfe genommen. Das ganze markieren&kopieren wir in das Textfeld auf der Webseite und klicken auf "Compress Javascript".

Resultat wäre:

PHP Icon PHP-Code Anfang: (1 Zeile) | Code markieren
1 
<script type="text/javascript">function oeffne(welches){if(document.getElementById(welches).style.display=='none'){document.getElementById(welches).style.display='';document.getElementById('img'+welches).src='images/minus.gif'}else{document.getElementById(welches).style.display='none';document.getElementById('img'+welches).src='images/plus.gif'}}function SetzeSmilie(smiliecode){if(document.le_form.usertext.value=="Text*")document.le_form.usertext.value=" "+smiliecode+" ";else document.le_form.usertext.value+=" "+smiliecode+" ";document.le_form.usertext.focus()}var idLaberFeld='usertext';var rangeIE=null;function LaberText(before,after){if(document.le_form.usertext.value=="Text*")document.le_form.usertext.value="";var labertextfeld=document.getElementById(idLaberFeld);labertextfeld.focus();if(typeof document.selection!='undefined'){insertIE(labertextfeld,before,after)}else if(typeof labertextfeld.selectionStart!='undefined'){insertGecko(labertextfeld,before,after)}}function insertIE(labertextfeld,before,after){if(!rangeIE)rangeIE=document.selection.createRange();if(rangeIE.parentElement().id!=idLaberFeld){rangeIE=null;return}var alterText=rangeIE.text;rangeIE.text=before+alterText+after;if(alterText.length==0)rangeIE.move('character',-after.length);else rangeIE.moveStart('character',rangeIE.text.length);rangeIE.select();rangeIE=null}function insertGecko(labertextfeld,before,after){from=labertextfeld.selectionStart;by=labertextfeld.selectionEnd;beginn=labertextfeld.value.slice(0,from);middle=labertextfeld.value.slice(from,by);end=labertextfeld.value.slice(by);labertextfeld.value=beginn+before+middle+after+end;if(by-from==0){labertextfeld.selectionStart=from+before.length;labertextfeld.selectionEnd=labertextfeld.selectionStart}else{labertextfeld.selectionEnd=by+before.length+after.length;labertextfeld.selectionStart=labertextfeld.selectionEnd}}function LeShowHide(id){obj=document.getElementsByTagName("div");if(obj[id].style.visibility=='visible'){obj[id].style.visibility='hidden'}else{obj[id].style.visibility='visible'}}function laber_klapp(Id){var l_text=document.getElementById(Id);if(l_text.style.display=='none'){l_text.style.display='block'}else{l_text.style.display='none'}}function counttext(text,countInput,remainingInput){if(text=="Text*")return false;var max=Number(remainingInput.defaultValue);countInput.value=text.length;remainingInput.value=max-text.length;return true}</script>
  PHP-Code ENDE: (1 Zeile) | Code markieren 


Wir haben hier 22% eingespart!
548_JS01.PNG

Wesentlich kürzer und schohnender für die Webseite. Zurückkonvertieren könnt Ihr das mit der Webseite hier. Komprimierte Javascript Zeile in das Fenster kopieren und auf "Beautifier" klicken.
Artikel-Infos
Druckansichtdruckbare Version anzeigen Seite empfehlenSeite empfehlen 0 Kommentar(e)kommentieren
Wertung ø 10,00
1 Stimme(n)
Seitenanfang nach oben
 
Alle Inhalte und verfassten Texte, sowie das grafische Design der Seite auf Kit-coding.de unterliegen dem Urheberrecht und dürfen weder kopiert, noch auf anderen Internetplattformen verbreitet werden.
74 DB Abfragen Seite in 0.17754 Sekunden generiert
ipv6 ready  PageRank Verifizierung www.kit-coding.de