Accedi per seguire   
Seguaci 0
mude70

Pop-up

12 messaggi in questa discussione

Faccio seguito alla mia richiesta d'aiuto di un mesetto fa, per chiedere altri lumi su un altro argomento...

avrei bisogno di creare delle finestre su cui inserire delle foto o dei disegni tecnici su cui non deve comparire il solito menu di navigazione del browser e nemmeno quello del mio sito e soprattutto si apra in una finestra nuova (quindi lasciando l'utente alla pagina del sito dove ha trovato il link) e che sia delle dimensioni esatte del disegno o della foto che carico... in pratica tutta questa spappardellata credo si possa riassumere in pop-up... è giusto? se si, come si creano?

grazie a tutti come sempre in anticipo

MUDE

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Puoi crearli utilizzando JavaScript con una tecnica del genere:

Inserisci nell'header questo codice

<script type="text/javascript">

<!--

var dim1 = "top=10, left=10, width=XXX, height=XXX, status=no, menubar=no, toolbar=no scrollbar=no";

var dim2 = "top=10, left=10, width=XXX, height=XXX, status=no, menubar=no, toolbar=no scrollbar=no";

function Popup1(apri) {

window.open(apri, "", dim1);

}

function Popup2(apri) {

window.open(apri, "", dim2);

}

//-->

</script>

Nelle variabili dim1 e dim2 (puoi crearne quante ne vuoi), possono essere specificate dimensioni diverse, sostituendo le X rosse con i valori desiderati. Quando vorrai una finestra di popup delle dimensioni specificate in dim1, le assocerai alla funzione Popup1; quando le vorrai delle dimensioni specificate in dim2, utilizzerai Popup2, e così via.

Il codice per inserire il link vero e proprio, poi, va nel body, ed è questo:

<a href="java script:PopupX('percorso del file')">Testo</a>

Spero di essere stato chiaro. Per ulteriori chiarimenti, sono qui :P:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

ti ringrazio per la risposta e per la disponibilità... in realtà ho capito poco :):P

ma è venerdì sera... lunedì ci provo poi ti faccio sapere ed eventualmente approfitto ancora della tua cortesia...

grazie mille e buon week end

MUDE

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

:up1:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

ciao SIX

eccomi qua dopo la prova effettuata con scarsi risultati :sigh:

diciamo che ho capito quasi tutto, ma il quasi mi preoccupa e infatti non riesco a far funzionare il link... :)

quindi: HELP ME

questa è la stringa da inserire nel HEAD originario giusto?

<script type="text/javascript">

<!--

var dim1 = "top=10, left=10, width=800, height=700, status=no, menubar=no, toolbar=no scrollbar=no";

var dim2 = "top=10, left=10, width=XXX, height=XXX, status=no, menubar=no, toolbar=no scrollbar=no";

function Popup1(apri) {

window.open(apri, "", dim1);

}

function Popup2(apri) {

window.open(apri, "", dim2);

}

//-->

</script>

io ho inserito i valori della finestra pop up in dim1...

poi devo aggiungere questa stringa nel BODY del file originario

<a href="java script:Popup1('accordeon_tech.html')">disegno tecnico</a>

dove riporto il riferimento al popup1, il nome della pagina da aprire e il testo del link...

mi son dimenticato qualcosa?

evidentemente si perchè non va :P

tra l'altro mi veniva in mente... nella sorgente della finestra pop up non devo inserire niente?

scusa ma non ci capisco molto di sta roba :angel_not:

grazie

MUDE

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

PS

già che ci sono ti chiedo un'altra cortesia...

quando in HTML ho un testo linkato, sullo schermo mi appare sottolineato... c'è la possibilità di eliminare la sottolineatura?

l'unica cosa che so fare è cambiare questi parametri

<body text="#XXXXXX" bgcolor="#YYYYYY" link="#XXXXXX" vlink="#XXXXXX" alink="#XXXXXX">

grazie e scusa se abuso della tua pazienza

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
PS

già che ci sono ti chiedo un'altra cortesia...

quando in HTML ho un testo linkato, sullo schermo mi appare sottolineato... c'è la possibilità di eliminare la sottolineatura?

Per far ciò l'unico modo è intervenire con i CSS.

Ovvero devi dare una nuovo stile al tag A...

Inserisci questo codice tra l'HEAD:

<style type="text/css"> 
A.nuovaclasse  { text-decoration:none;  }
A.nuovaclasse  { text-decoration:none;  }
A.nuovaclasse  { text-decoration:none;  }
</style>

E aggiungi come attributo del tag A nel BODY a cui vuoi togliere la sottolineatura questo:

class='nuovaclasse'

quindi il risultato è:

<a class='nuovaclasse'>Testo linkato non sottolineato</a>

Se vuoi anche cambiare colore, dimensione, ecc. ti consiglio di dare una rapida occhiata al funzionamento dei css. :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Comunque per fare il PopUp che vuoi te basta fare così:

<a OnClick="window.open('img.jpg','Immagine','width=xxx,height=yyy ,toolbar=yes, location=no,status=yes,menubar=yes,scrollbars=no,resizable=no');">CLicca quà e apri una nuova finestrella!!</a>

;-)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

ok grazie mille a tutti...

ora provo :)

MUDE

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Inviato (modificato)

avrei bisogno di un ulteriore informazione sui pop up e non riesco a trovarla da nessuna parte:

come faccio ad inserire una barra di scorrimento laterale in una finestra pop up?

grazie

MUDE

PS dimenticavo il codice che sto usando:

<script type="text/javascript">

<!--

var stile = "top=10, left=10, width=250, height=500, status=no, menubar=no, toolbar=no scrollbar=no";

function Popup(apri) {

window.open(apri, "", stile);

}

//-->

</script>

e questo è il link di richiamo:

<a href="java script:Popup('esempio.html')">Testo</a>

Modificato da mude70

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

basta impostare il parametro scrollbar su yes ;-)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Inviato (modificato)

:)

RISOLTO

nel codice postato c'è un errore di sintassi... scrollbar invece di scrollbarS

ora funziona tutto... spero possa essere utile ad altri

ciao a tutti

MUDE

Modificato da mude70

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0