SharePointCommunity
Die deutschsprachige Community für SharePoint, Microsoft 365, Teams, Yammer und mit Azure

Sponsored by

Willkommen im Forum Archiv.
Einträge sind hier nicht mehr möglich, aber der Bestand von 12 Jahren SharePoint-Wissen ist hier recherchierbar.




Javascript in SP2013 einbinden

Unbeantwortet Dieser Beitrag hat 7 Antworten

Ohne Rang
150 Beiträge
Lars Eigeldinger erstellt 9 Juli 2013 15:38
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Hallo zusammen,

wir versuchen gerade ein JavaScript im SP2013 einzubinden.
Leider klappt das noch nicht so wie wir das möchten.

Zum einen haben wir in der Masterpage folgende Datei einbebunden unter der CSS Datei:

 <script type="text/javascript" src="/_layouts/STYLES/javascript/jquery.js"></script>

zum anderen, wollten wir über ein Inhaltseditor Webpart das Scripbt bzw. den Code einbinden.
Leider wenn wir das ganze Debugen erkennt der Browser das $ Zeichen nicht:

Fehler: SCRIPT1014: Ungültiges Zeichen
Zeile xxx Zeichen 1.

Wenn ich da nachschaue ist es das $ Zeichen.

Hat jemand dazu gerade eine Idee?

Danke
Gruss Lars

 

[quote user="Andi Fandrich"]

Wenn Du irgendwas in HTML mit einem führenden Schrägstrich referenzierst, ist das immer Server-relativ (nicht Site-relativ). Das Script muß also dort erreichbar sein und der Benutzer braucht passende Berechtigungen.

Du kannst Dir z.B. mit den Entwicklertools im IE (F12) anschauen, ob die Datei überhaupt eingebunden wurde. Du kannst auch versuchen die URL direkt im Browser aufzurufen (sollte das Script als Text darstellen).

[/quote]

 

 

[quote user="Lars"]

das Script wird über den Browser aufgerufen bzw. ich kann es öffnen oder abspeichern. leider ist es aber nicht vertrauenswürdig.

Das Script ist eigentlich auch nur das Grundscript. So habe ich es damals beim SP2010 eingebunden, denke da dürfte sich nichts geändert haben oder?

[/quote]

Alle Antworten

Ohne Rang
150 Beiträge
Lars Eigeldinger Als Antwort am 9 Juli 2013 16:08
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

ich bekomme hier immer ein SyntaxError: Unexpected token ILLEGAL.

Hab hier ebenfalls noch eine Doku gefunden, leider funktioniert das irgentwie nicht bei mir....

http://codekicker.de/news/jquery-jQuery-SharePoint-2010-gemeinsam-nutzen-html5-sharepoint

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 9 Juli 2013 16:27
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Jetzt ist es mir gerade aufgefallen ;-)

gehe mal im Browser auf irgendeine Anwendungsseite und schaue Dir die URL genauer an. Fällt Dir was auf? Binde das Script so ein:

/_layouts/15/STYLES/...

Viele Grüße
Andi		 af @ evocom de
Blog
Ohne Rang
150 Beiträge
Lars Eigeldinger Als Antwort am 9 Juli 2013 16:47
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

ok, das Script scheint drinnen zu sein. Denn nun bekomme ich eine Fehlermeldung wenn ich meine Startseite öffne...
irgend etwas stimmt hier nicht...

Webseitenfehler
Möchten Sie diese Webseite debuggen?....
Zeile: 1
Fehler: ')' erwartet

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 9 Juli 2013 18:07
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Das ist jetzt ein Fehler innerhalb des Scripts, bei dem ich Dir nicht helfen kann...

Viele Grüße
Andi		 af @ evocom de
Blog
Ohne Rang
56 Beiträge
Stephan Als Antwort am 10 Juli 2013 09:24
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Du kannst auch anstatt $('#id') auch jquery('#id') nutzen ;)

zeig mal die erste zeile des codes ;)

gruß

Mit freundlichen Grüßen

Stephan Jäger

Ohne Rang
150 Beiträge
Lars Eigeldinger Als Antwort am 10 Juli 2013 10:05
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

also, mein Code sieht folgendermassen aus:

<script type="text/javascript">
​​$(document).ready(function() {
    console.log( "jQ Status OK!" );
    $("#{40225533-C7C9-4A09-AD42-AC5B1490D934}-{4C72218A-1804-4E3E-A776-B074086412A8}").hide();
});
</script>​​​

Sollte eigentlich die Liste bzw. das Webpart ausblenden.

Ohne Rang
56 Beiträge
Stephan Als Antwort am 10 Juli 2013 10:17
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Also ich gehe mal davon aus das

{40225533-C7C9-4A09-AD42-AC5B1490D934}-{4C72218A-1804-4E3E-A776-B074086412A8}

nicht die ID des HTML Emelements der Liste ist sondern die Sharepoint Listen ID.

Schau mal bitte (am besten firefox plus addin Firebug) nach wie die html id der Liste ist. Query ist clientseitig und kann glaub ich nicht auf sharepoint listen zugreifen (Serverseitig!)

bei mir sieht es folgerndemassen aus:

HTML CODE der Liste

<div id="WebPartWPQ2" class="ms-wpContentDivSpace" ...

QUERY:

<script type="text/javascript">
​​$(document).ready(function() {
    $("#WebPartWPQ2").hide();
});
</script>​​​

bzw

<script type="text/javascript">
jquery(document).ready(function() {
    $("#WebPartWPQ2").hide();
});
</script>​​​

 

bzw wenn du nicht mit id sondern mit class arbeiten willst:

<script type="text/javascript">
​​$(document).ready(function() {
    $(".ms-wpContentDivSpace").hide();
});
</script>​​​

bzw

<script type="text/javascript">
jquery(document).ready(function() {
    $(".ms-wpContentDivSpace").hide();
});
</script>​​​

So gehts! ;)

Gruß

 

Mit freundlichen Grüßen

Stephan Jäger

CC BY-NC-ND - Michael Greth
Powered by Evocom Productivity