Seiten

Herzlich willkommen im technischen Blog der MindBusiness GmbH
In diesem Blog veröffentlichen wir praxisnahes Know-how, neue Erkenntnisse und Erfahrungen zu Microsoft SharePoint- und Office-Themen direkt aus unserer Berater-, Trainer- und Entwickler-Praxis. Hier finden Sie interessante Lösungen und neue Ideen zu den verschiedensten Anforderungen und Problemen. Unseren News-Blog finden Sie unter newsblog.mindbusiness.de/newsblog. Wir wünschen Ihnen viel Spaß beim Lesen und Stöbern und freuen uns auf den Austausch mit Ihnen.

CSS/JavaScript auf Webpartseiten

Manchmal ist es wünschenswert, zusätzliche CSS-Angaben auf einer SharePoint-Webpartseite unterzubringen, oder die Funktionalität per JavaScript zu erweitern.

Das Inhaltseditor-Webpart ist für beides sehr gut geeignet. Allerdings ist es u.U. bei größeren Änderungen mühsam, den Code direkt im Webpart unterzubringen. Besser ist es, wenn der Code in separaten Quelldateien liegt, die so z.B. mit dem SharePoint Designer besser bearbeitet werden können. Auch für die Wiederverwendung hat das natürlich Vorteile.

Hier eine Lösung, die auf JavaScript basiert, das im Inhaltseditor untergebracht wird, und mit dem zusätzliche CSS/JS-Dateien eingebunden werden können:

<script type="text/javascript">
 
function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script');
  fileref.setAttribute("type","text/javascript");
  fileref.setAttribute("src", filename);
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link");
  fileref.setAttribute("rel", "stylesheet");
  fileref.setAttribute("type", "text/css");
  fileref.setAttribute("href", filename);
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref);
}
loadjscssfile("/demo/SiteAssets/style.css", "css");</script>

Gefunden hier: http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

Hinterlasse eine Antwort

 

 

 

Du kannst diese HTML-Tags benutzen

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">