Utilidades

Menú de utilidades (v.A4J):

18/06/2015: <noscript>: nuevos estilos "nsMenuDiv", "nsMenuLocalDiv" y "nsMenuLocal" para las opciones locales
30/07/2015:
- navigator.sayswho
- Cambios en la función imprime()
- vx.css: @media print{}

Esqueleto básico de una página HTML (18/06/2015)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Ayto.Granada: Título</title>
<meta http-equiv='X-UA-Compatible' content='IE=Edge' />
<meta name="description" content="Información ciudadano granada ayuntamiento town hall" />
<meta name="keywords" content="Información, ciudadano, granada, ayuntamiento, town, hall" />
<meta name="lang" content="es" />
<meta name="author" content="Centro Proceso de Datos. Ayuntamiento de Granada" />
<meta name="organization" content="Ayuntamiento de Granada" />
<meta name="locality" content="Granada, España" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/v10/favicon.ico">
<link rel="stylesheet" type="text/css" href="/v10/vx.css">
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.innerfade.js"></script>
<script type="text/javascript">
v12base=n° base;
v12index="x,y,0";
</script>
</head>
<body>
<script type='text/javascript' src='/v10/vx81.js'> </script>

<h1>Titulo</h1>
<br /><div class='mibody'>
<div class='cabpagina'><h2>Subtitulo</h2>
<h3>Subsubtitulo</h3></div>

Contenido de la pagina

Esqueleto básico de una página para LotusScript

Print "Content-Type:text/plain"
Print "Content-Type:text/html; charset=ISO-8859-1"
print "<!DOCTYPE html>"
print "<html xmlns='http://www.w3.org/1999/xhtml' lang='es'>"
print "<head>"
print "<meta http-equiv='content-type' content='text/html; charset=iso-8859-1' />"
print "<title>Ayto.Granada: Título</title>"
print "<meta name='description' content='Información ciudadano granada ayuntamiento town hall' />"
print "<meta name='keywords' content='Información, ciudadano, granada, ayuntamiento, town, hall' />"
print "<meta name='lang' content='es' />"
Print "<meta http-equiv='X-UA-Compatible' content='IE=Edge' />"
Print "<meta name='viewport' content='width=device-width, initial-scale=1.0'>"
print "<meta name='author' content='Centro Proceso de Datos. Ayuntamiento de Granada' />"
print "<meta name='organization' content='Ayuntamiento de Granada' />"
print "<meta name='locality' content='Granada, España' />"
print "<link rel='shortcut icon' href='/v10/favicon.ico' />"
print "<link rel='stylesheet' type='text/css' href='/v10/vx.css' title='defecto' />"
print "<script type='text/javascript'>"
print "var v12base=n° base;"
print "var v12index='x,y,0';"
print "</script>"
print "<script type='text/javascript' src='/js/jquery.js'></script>"
print "<script type='text/javascript' src='/js/jquery.innerfade.js'></script>"
print "</head><body>"
print "<script type='text/javascript' src='/v10/vx81.js'> </script>"
print "<noscript>"
print "<div id='mainbody'>"
print "<div id='nsFijoTop'>"
print "<div class='nsMenuDiv'>"
print "<a class='nsMenu' href='/inicio.nsf/iniciotx'><img src='/escu40.gif' alt='escudo' title='escudo'><span class='nsAyto'>Ayto.Granada </span> MENU</a>"
print "<a class='nsMenu' href='/inicio.nsf/iniciotx#ciudad'>CIUDAD</a>"
print "<a class='nsMenu' href='/inicio.nsf/iniciotx#ayuntamiento'>AYUNTAMIENTO</a>"
print "<a class='nsMenu' href='/inicio.nsf/iniciotx#servicios'>SERVICIOS</a>"
print "<a class='nsMenu' href='/inicio.nsf/iniciotx#sede'>SEDE ELECTRÓNICA</a>"
print "<a class='nsMenu' href='/inicio.nsf/iniciotx#turismo'>TURISMO</a></div>"
print "<div class='nsMenuLocalDiv'>"
print "<a class='nsMenuLocal' href='#'>opcion 1</a>"
print "<a class='nsMenuLocal' href='#'>opcion 2</a>"
print "<a class='nsMenuLocal' href='#'>opcion 3</a>"
print "<a class='nsMenuLocal' href='#'>opcion 4</a>"
print "</div></div><div class='nsSepara'></div>";
print "</noscript>"
print "<div id='mibody'>"
print "<h1>Título</h1>"
print "<br /><div class='mibody'>"
print "<div class='cabpagina'><h2>Subtitulo</h2>"
print "<h3>Subsubtitulo</h3></div>"

Contenido de la página

print "<div id='ajustardcha'></div>"
print "<div id='bodybodyfin'>"
print "© Ayto.Granada 1998 -"+str(year(today()))
print "<a href='javascript:imprime()'><img src='/blank.gif' alt='imprimir' title='imprimir' class='vxbtn imp1' onmouseover='vxBtn(this);' onmouseout='vxBtn(this);'></a>"
Print "</div><script type='text/javascript'>pie()</script></body></html>"

NOSCRIPT para la Sede Electrónica

agentes

print "<noscript>"
print "<div id='mainbody'>"
print "<div id='nsFijoTop'>"
print "<div class='nsMenuDivSd'>"
print "<img src='/escu40.gif' alt='Ayto.Granada' title='Ayto.Granada'>"
print "<a class='nsMenuSd' href='/inicio.nsf/iniciosd'>SEDE ELECTRÓNICA</a>"
print "<a class='nsMenuSd' href='/inicio.nsf/iniciosd#00'>SOBRE LA SEDE</a>"
print "<a class='nsMenuSd' href='/inicio.nsf/iniciosd#01'>GUÍA DE USO</a>"
print "<a class='nsMenuSd' href='/inicio.nsf/iniciosd#02'>CARTA SERVICIOS</a>"
print "<a class='nsMenuSd' href='/inicio.nsf/iniciosd#03'>TRAMITACIÓN</a>"
print "<a class='nsMenuSd' href='/inicio.nsf/iniciosd#04'>CARPETA CIUDADANA</a>"
print "<a class='nsMenuSd' href='/inicio.nsf/iniciosd#05'>EDICTOS</a>"
print "<a class='nsMenuSd' href='/inicio.nsf/iniciosd#06'>NORMATIVA</a>"
print "</div>"
print "<div class='nsMenuLocalDivSd'>"
print "<a class='nsMenuLocal' href='/inicio.nsf/iniciosd'>SEDE ELECTRÓNICA</a>"
print "<a class='nsMenuLocal' href='/inicio.nsf/iniciosd#00'>SOBRE LA SEDE</a>"
print "<a class='nsMenuLocal' href='/inicio.nsf/iniciosd#01'>GUÍA DE USO</a>"
print "<a class='nsMenuLocal' href='/inicio.nsf/iniciosd#02'>CARTA SERVICIOS</a>"
print "<a class='nsMenuLocal' href='/inicio.nsf/iniciosd#03'>TRAMITACIÓN</a>"
print "<a class='nsMenuLocal' href='/inicio.nsf/iniciosd#04'>CARPETA CIUDADANA</a>"
print "<a class='nsMenuLocal' href='/inicio.nsf/iniciosd#05'>EDICTOS</a>"
print "<a class='nsMenuLocal' href='/inicio.nsf/iniciosd#06'>NORMATIVA</a>"
print "</div></div><div class='nsSepara'></div>"
print "</noscript>"

Encabezado formulario Notes

claves:="Ayto.Granada Agenda Cultural:"+Titulo;
palabras:=@ReplaceSubstring(claves;" ";",");
mifecha:=@Text(@Year(@Created))+"-"+@Right("00"+@Text(@Month(@Created));2)+"-"+@Right("00"+@Text(@Day(@Created));2)+"T"+@Text(@Created;"S1T0")+"+0100";

"<meta name=\"description\" content=\""+claves+"\">
<meta name=\"keywords\" content=\""+palabras+"\">
<meta name=\"lang\" content=\"es\" />
<meta http-equiv='X-UA-Compatible' content='IE=Edge' />
<meta name=\"author\" content=\"Centro Proceso de Datos. Ayuntamiento de Granada\" />
<meta name=\"organization\" content=\"Ayuntamiento de Granada\" />
<meta name=\"locality\" content=\"Granada, España\" />
<meta name=\"date\" content=\""+mifecha+"\" />
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <script type=\"text/javascript\" src=\"/js/jquery.js\"></script>
<script type=\"text/javascript\" src=\"/js/jquery.innerfade.js\"></script>
<link rel=\"alternate\" title=\"Ayto.Granada: General\" href=\"http://www.granada.org/rssayto.xml\" type=\"application/rss+xml\" />
<link rel=\"stylesheet\" type=\"text/css\" href=\"/v10/vx.css\" title='defecto'>"

Extras del encabezado

HTML

Agentes

print "<script type='text/javascript' src='/v10/wxml10.js'></script>"
print "<script type='text/javascript' src='/calendar11.js'></script>"
print "<link rel='alternate' title='Ayto.Granada: General' href='http://www.granada.org/rssayto.xml' type='application/rss+xml' />'"
print "<script type='text/javascript'>"
print "var v10bannerfunc='meteagenda();'"
print "function meteagenda(){"
print "banneraleatorio(1);"
print "}"
print "</script>"

‘Si se va a utiliza catpcha
Print "<script type='text/javascript' src='/validagr.js'> </script>"

‘Si se va a Galería de imágenes
print "<link rel='stylesheet' type='text/css' href='/v10/css/shadowbox.css'>"
print "<script type='text/javascript' src='/v10/js/shadowbox.js'></script>"
print "<script type='text/javascript'>"
print "Shadowbox.init({ language: 'es', players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv'] });"
print "</script>"

Notes

"<script type=\"text/javascript\" src=\"/v10/wxml10.js\"></script>
<script type=\"text/javascript\" src=\"/calendar11.js\"></script>
<link rel=\"alternate\" title=\"Ayto.Granada: General\" href=\"http://www.granada.org/rssayto.xml\" type=\"application/rss+xml\" />
<script type=\"text/javascript\">
var v10bannerfunc='meteagenda();'
function meteagenda(){
banneraleatorio(1);
}
</script>"


"<script type='text/javascript' src='/validagr.js'> </script>"


"<link rel='stylesheet' type='text/css' href='/v10/css/shadowbox.css'>;
<script type='text/javascript' src='/v10/js/shadowbox.js'></script>
<script type='text/javascript'>
Shadowbox.init({ language: 'es', players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv'] });
</script>"

Encabezado para webfunctions

Sub encabezax(Byval tituloweb As String, Byval texto As String, Byval windice As String)

‘Si se va a utiliza catpcha

‘Si se va a Galería de imágenes

End Sub

terminate

Print "<div id='ajustardcha'></div><div id='bodybodyfin'>"
print "Página actualizada el "+cstr(now())
Print "</div><script type='text/javascript'>pie()</script></body></html>"

https://ayto-pro.granada.org/es Produccion [85.62.209.69]
https://turismo.granada.org/esTurismo [85.62.209.69]
https://movilidad-pro.granada.org/es [85.62.209.69]
https://mmaraton-pro.granada.org/es [85.62.209.69]
https://transparencia-pro.granada.org/es [85.62.209.69]
http://www.granadatur.com/ Antigua de Turismo [85.62.209.68]
https://ayto-pro.granada.org/es/user/login Entrada de usuarios
https://granadatur-pro.granada.org/es/user/password Cambiar contraseña [85.62.209.69]
Entorno Producción:
Entorno desarrollo y preproducción
Otros nombres:

Prototipos (figma)

Prototipos e info.

Ejemplos, referencias, etc.

https://sedeelectronica.ayuntamiento.es/alcobendas [ No esta operativa]
https://ayuntamiento.com.es/alcobendas/[ Esta deriva a https://www.alcobendas.org/es]
https://www.alcobendas.org/es [DRUPAL]
https://www.bne.es/es [DRUPAL] BIBLIOTECA NACIONAL DE ESPAÑA
https://whatwpthemeisthat.com/

Redes Sociales

Esta página:
Web del Ayuntamiento:

Save this on Delicious

Proceso_OCR_pdf_lotes: proceso de uno o varios archivos pdf escaneados (por la impresora) para pasarles el OCR.

Banderas de paises

Para incluir banderas de paises hay que:

Incluir en el head el archivo flags.css: <link rel="stylesheet" type="text/css" href="/flags.css">
Donde se quiera incluir la bandera meter la clase "flag flag-<Codigo de pais>
Ejemplo: <img src="/blank.gif" class="flag flag-cz" alt="República Checa" />

Barra de Progreso

Crear un div del estilo:<div id="id_div" class="v10progress"><div></div></div>
Para mostrar progreso llamar a la función vxProgreso. Formato:
Existe una clase css implementada llamada v10progress. Pueden implementarse otras distintas
id_div: puede ser cualquier texto que identifique al id del div. Si existen varias barras de progreso, cada una debe tener un id distinto

loading

Cargando

<p class="loading">Cargando</p>

Media Maratón

Otras cosas LotusScript

Enteros con puntos en miles: Format(<numero>,"#,##0")
Numeros con puntos en miles y 2 decimales: Format(<numero>,"Standard")
Numeros con puntos en miles y 3 decimales: Format(<numero>,"#,##0.000")
Salto de linea: chr(13) & chr(10)

Página actualizada: 12/08/2015 08:08

Texto: // Subtexto:

Imprimir
id de un objeto:

<div id="busquedagoogle">
<script>
(function() {
var cx = '014311661400709318614:mwt8q-tyilc';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>
</div>

Escudos vectoriales

SVG: <img src="/img/ESCUDOCONGRAaFICA.svg" alt="Escudo/logotipo vertical 2024" title="Escudo/logotipo vertical 2024" />

AI: https://www.granada.org/img/ESCUDOCONGRAaFICA.ai

Escudo/logotipo Horizontal 2024

GIF: <img src="/img/escudocongrafica_horizontal.gif" alt="Escudo/logotipo Horizontal 2024" title="Escudo/logotipo Horizontal 2024" />

JPG: <img src="/img/escudocongrafica_horizontal.jpg" alt="Escudo/logotipo Horizontal 2024" title="Escudo/logotipo Horizontal 2024" />

PNG: img src="/img/escudocongrafica_horizontal.png" alt="Escudo/logotipo Horizontal 2024" title="Escudo/logotipo Horizontal 2024" />

Escudo/logotipo Vertical 2024

GIF: <img src="/img/escudocongrafica_vertical.gif" alt="Escudo/logotipo vertical 2024" title="Escudo/logotipo vertical 2024" />

JPG: <img src="/img/escudocongrafica_vertical.jpg" alt="Escudo/logotipo vertical 2024" title="Escudo/logotipo vertical 2024" />

PNG: <img src="/img/escudocongrafica_vertical.png" alt="Escudo/logotipo vertical 2024" title="Escudo/logotipo vertical 2024" />

Todos los tamaños y Color 0

Se recomienda un tamaño de gráficos de 300px de alto x 360px de ancho

Codigo:
<div class="flex-table">
<script>
mntImgC("<URL del enlace>", "<Rótulo>", "<URL imagen>", "<Texto alternativo>",<Tamaño de 0 a 6>,<Color de 0 a 7>);
</script>
</div>

MENU CIUDAD AYUNTAMIENTO SERVICIOS SEDE ELECTRÓNICA TURISMO