Previously on Fringe…
Digo, anteriormente vimos cómo referenciar hojas de estilos con rutas relativas a una colección de sitios de SharePoint Online, o a un sitio concreto. Sin embargo, esa misma técnica, no es aplicable si lo que queremos son añadir referencias a archivos .js.
Si intentamos hacer algo como lo siguiente:
1 |
<span style="color: #606060" id="lnum1"> 1:</span> <span style="color: #0000ff"><</span><span style="color: #800000">script</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span> <span style="color: #ff0000">src</span><span style="color: #0000ff">="<%$SPUrl:~SiteCollection/Style Library/JQUERY/mainFunctions.js%>"</span><span style="color: #0000ff">></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span> |
Obtendremos una pantalla de error, con su correspondiente CorrelationID. En ese mismo error, ya veremos una pista de cómo resolverlo. Ya que nos dirá que debemos sustituirlo por un asp:literal.
Si le hacemos caso, y lo colocamos en el lugar adecuado, obtendremos el resultado esperado. Quedando como:
<script type="text/javascript" src='<asp:Literal runat="server" Text="<%$SPUrl:~SiteCollection/Style Library/JQUERY/mainFunctions.js%>" />’></script>
Otra opción que también parece funcionar, consiste en utilizar el control de SharePoint ScriptLink
1 |
<span style="color: #606060" id="lnum1"> 1:</span> <span style="color: #0000ff"><</span><span style="color: #800000">SharePoint:ScriptLink</span> <span style="color: #ff0000">ID</span><span style="color: #0000ff">="MyScriptLink1"</span> <span style="color: #ff0000">Name</span><span style="color: #0000ff">="~sitecollection/Style Library/Home/JS/myscript.js"</span> <span style="color: #ff0000">runat</span><span style="color: #0000ff">="server"</span> <span style="color: #0000ff">/></span> |
Saludos!!
6 marzo, 2012 at 10:26 pm
Disculpad, pero parece que no se ve bien el código en IE 9 (en Firefox sí…). No sé que ha hecho el pluggin de Live Writer.
Para el que no lo vea, el primer cuadro, tiene el siguiente script:
Y el segundo:
Sorry!