javascript, accesso negato e Carattere non valido

marino51 · 27 Mar 2013

Buongiorno,

lavoro con windows 7 e IIS 7.5 sullo stesso pc,

sto cercando di utilizzare Less un "CSS precompiler", ho trovato una descrizione di come può essere usato,
http://designshack.net/articles/css/using-less-js-to-simplify-your-css3
http://designshack.net/articles/css/10-less-css-examples-you-should-steal-for-your-projects/

Ho creato il file style.less con alcuni semplici elementi,
in un html ho inserito,

<link rel="stylesheet/less" type="text/css" href="C:\Web_Sites\__Test\PHP\style.less">
<script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>

con il risultato di "accesso negato" sulla get del file,

ho scaricato la versione 1.3.3 da,
http://lesscss.org/
posizionando il file nello stesso folder di html

dalle proprietà del file ho tolto il blocco di sicurezza

ho sostituito
<script src="C:\Web_Sites\__Test\PHP\_less.js" type="text/javascript"></script>

ma ora ottengo
"SCRIPT1014: Carattere non valido"
"_less.js, Riga 1 Carattere 1"

ho cercato suggerimenti ma la risoluzione mi sembra un inestricabile ginepraio,

credo sia un problema comune quando si utilizza uno script java che accede ad un file SUL SERVER.

qualcuno ha delle indicazioni ?

grazie in anticipo
Marino

marino51 · 28 Mar 2013

esempio

Provo ad inserire un esempio di html dove viene richiamato lo script java che deve analizzare il file .less per creare il conseguente .css
grazie ancora
Marino

HTML:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet/less" type="text/css" href="C:\Web_Sites\__Test\PHP\style.less">
    <script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>

    <style type="text/css" media="screen">
      body { margin: 20px 0 0 0; }
      p {
	font:60px/100px Helvetica;
	color: #000;
	text-align: center;
	border: 1px solid #000;
	margin: 0 0 20px 0;
	}
    </style>

    <title>LESS - css test</title>
  </head>

<div class="row">
	<div class="column grid_12">
		<p>12</p>
	</div>
</div>
<div class="row">
	<div class="column grid_8">
		<p>8</p>
		<div class="row">
			<div class="column grid_4">
				<p>4</p>
			</div>
			<div class="column grid_4">
				<p>4</p>
			</div>
		</div>
	</div>
	<div class="column grid_4">
		<p style="line-height: 222px;">4</p>
	</div>
</div>

</html>

Codice:

@columnWidth: 60px;
@gutter: 10px;
@allColumns: @columnWidth * 12;
@allGutters: (@gutter * 12) * 2;
@totalWidth: @allColumns + @allGutters;

.theWidth (@theColumn: 1, @theGutter: 0) {
	width: (@columnWidth * @theColumn) + (@gutter * @theGutter);
}

.grid_1 { .theWidth(1,0); }
.grid_2 { .theWidth(2,2); }
.grid_3 { .theWidth(3,4); }
.grid_4 { .theWidth(4,6); }
.grid_5 { .theWidth(5,8); }
.grid_6 { .theWidth(6,10); }
.grid_7 { .theWidth(7,12); }
.grid_8 { .theWidth(8,14); }
.grid_9 { .theWidth(9,16); }
.grid_10 { .theWidth(10,18); }
.grid_11 { .theWidth(11,20); }
.grid_12 { .theWidth(12,22); }

.column {
	margin: 0 @gutter;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: @totalWidth;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 (@gutter * -1);
	width: auto;
	display: inline-block;
}

Jonn · 28 Mar 2013

Scusami eh, da ignorante:
Ma perchè non usare un semplice CSS?
Dov'è il vantaggio?

marino51 · 29 Mar 2013

la possibilità di avere delle variabili impostate e calcolare a cascata tutto quanto ad esse legato
per esempio, stabilito un colore, assegnandolo ad una variabile, si possono ottenere in automatico
tutte le varianti impostate con formule di calcolo
Marino

ps.

http://forum.mrwebmaster.it/html-css/33961-template-adattabile.html#post132956

Jonn · 29 Mar 2013

Interessante ma non è alla mia portata sorry...

marino51 · 30 Mar 2013

grazie per la vostra attenzione,
dopo aver "girovagato" un po' ho trovato una versione per windows che funziona standalone.
questa versione ha in input il file css parametrico e crea in output il file css da utilizzare
per me è sufficiente, vi lascio il link se qualche persona ritiene di utilizzarlo
https://github.com/duncansmart/less.js-windows
grazie ancora,
Marino

Cerca

Cerca

javascript, accesso negato e Carattere non valido

marino51

Utente Attivo

marino51

Utente Attivo

Jonn

Utente Attivo

marino51

Utente Attivo

Jonn

Utente Attivo

marino51

Utente Attivo

Discussioni simili