aprire finestra al click

[icfast]

è possibile fare in modo che quando si clicca su un link si apra una finestrella sulla stessa pagina e si può fare in modo che possa essere chiusa con la solita "x" ???

[alemoppo]

Cosa intendi sulla stessa pagina?
Se ho ben capito, non devi far altro che un div, con in alto una X.
Se clicchi sul link, appare il div. Se clicchi sulla X, il div scompare.

Ciao!

[icfast]

esatto ma come lo scrivo?
il div lo so fare ma la x no!
e non so neanche far aprire il div con un link...
potrebbe chiarire?

Un paio di script che credo siano una soluzione per quello che chiedi.

BlockUI e jQueryTools > Overlay

[icfast]

no ma io cercavo proprio una finestrella piccola che si apra al click in un pulsante e si possa chiudere
premendo "x" ,non so se mi possiate aiutare..

Se vuoi fare le cose tu prova così:

- crea il div e nascondilo (display: none;)
- all'interno del div posizioni in maniera assoluta la x (testo o immagine)
- imposti su un link a tuo piacimento il cambio di visibilità (display: block;)
- imposti al click sulla x il cambio di visibilità del div (display:none;)

[icfast]

sì ma non lo so fare :(
cioè non ho mai imparato a programmare veramente..
a scuola non si fa mia niente!-.-
mi potrebbe scrivere il codice ?

...
mi potrebbe scrivere il codice ?

No!

Non perchè non possa farlo.
Se cerchi la pappa pronta, non credo troverai quello che cerchi, ne ti giova per la tua crescita.
Almeno provaci.
Se dopo averci provato, non riesci a muoverti da un punto, su quello magari ti si aiuta.

Se vuoi del codice già scritto, perchè non dai un'occhiata ai link che ti scritto? Fanno proprio quello che vuoi tu, non devi fare altro che metterli dove ti servono.

[icfast]

$(document).ready(function() { 
    $('#demo13').click(function() { 
        $.blockUI({ 
            theme:     true, 
            title:    'This is your title', 
            message:  '<p>This is your message.</p>', 
            timeout:   2000 
        }); 
    });    
}); 

ci ho provato anche prima ma non sono riuscito!
il punto è che non so dove inserirlo!
ho scritto

<form action=istruzioni.php>
  <input type="submit"value="istruzioni">
</form>

e ho creato un file istruzioni.php con dentro il codice riportato sopra (mettendoci prima <?php e alla fine ?>)
il problema è che mi da errore!
e siccome sono appena in prima superiore e i linguaggi nessuno me li insegna non so proprio come trovare l'errore!!!

Spero di essere stato chiaro!non chiedo i codici già scritti perchè sono uno scansafatiche ma semplicemente perchè non
so come e dove imparare a programmare! faccio quello che posso però ho bisogno di voi! Indubbiamente!

[alemoppo]

Dunque, il codice sopra potrebbe anche andar bene (non l'ho guardato attentamente), ma comunque non è php: i tag <?php ?> li devi mettere soltanto per codici php. Se usi javascript, lo devi mettere tra i tag <script> </script>

Ciao!

Dunque,

il codice che posti (quello relativo sall'uso di blockUI) lavora a livello della pagina che stai visualizzando ed è codice JavaScript.
Perchè dovresti metterlo dentro un'altra pagina php?

vediamo di leggerlo un po':

$(document).ready(function() { 
    $('#demo13').click(function() { 
        $.blockUI({ 
            theme:     true, 
            title:    'This is your title', 
            message:  '<p>This is your message.</p>', 
            timeout:   2000 
        }); 
    });    
}); 

C'è scritto che quando la pagina è stata completamente caricata (evento ready dell'oggetto document, la pagina corrente), deve essere eseguita una funzione, che in questo caso lega l'applicazione blockUI con le opzioni elencate all'evento click fatto sull'elemento che ha ID (#) impostato a demo13.

Questo pezzo di codice va inserito nella sezione HEAD, tra tag <script>, e dopo aver caricato lo script jquery.

Dopo ciò, nel body della pagina crei l'elemento (un link, un'immagine, ecc) che ha id "demo13" ad esempio

<a href="#" id="demo13">click me</a> 

Se hai fatto le cose per bene vedrai che si aprirà la finestra.

Per farla chiudere devi richiamare unblockUI

    $('.blockOverlay').click($.unblockUI); 

Quindi il codice diverrebbe

$(document).ready(function() { 
    $('#demo13').click(function() { 
        $.blockUI({ 
            theme:     true, 
            title:    'This is your title', 
            message:  '<p>This is your message.</p>', 
            timeout:   2000 
        });
        $('.blockOverlay').click($.unblockUI);
    });    
}); 

[icfast]

grazie per aver risposto..ma indovinate un po'?? NON va! :(

<html>
<head>
<script language="JavaScript">$(document).ready(function() {  
    $('#demo13').click(function() {  
        $.blockUI({  
            theme:     true,  
            title:    'This is your title',  
            message:  '<p>This is your message.</p>',  
            timeout:   2000  
        }); 
        $('.blockOverlay').click($.unblockUI); 
    });     
});  
</script> 
</head>
<body>
<a href="#" id="demo13">click me</a> 
</body>
</html>

voglio dire..ho fatto come mi avete suggerito...

Non va perchè quello script ha bisogno della libreria jquery caricata.
quindi prima del tag <script> metti

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> 

Poi, visto che vuoi usare l'esempio 13 (che fa uso anche di jQueryUI) per vederlo come nella demo devi inserire anche la libreria e gli stili di UI.

[icfast]

sì e dove si trovano la libreria e gli stili di UI?
e vanno scritti nello stesso modo del codice scritto sopra?

sì e dove si trovano la libreria e gli stili di UI?
e vanno scritti nello stesso modo del codice scritto sopra?

li trovi in jqueryui.com.
A te servono solo i temi quindi puoi sceglierne uno già ronto, oppure creartene uno a tuo piacimento e scaricarlo, importando poi il relativo foglio di stile.

EDIT:

Mi viene il dubbio che tu proprio non voglia leggere le cose.
Ma se sul sito di blockUI c'è una sezione download vuol dire che per far funzionare lo script occorre scaricare (proiprio lo script).

Ma tu lo hai scaricato? O vuoi che funzioni per magia?
Capisco che non sapevi di dover inserire jQuery, ma lo script stesso devi pur usarlo. O no?

[icfast]

sì ho usato quello che c'è nella pagina principale!

[programmazioned]

Sarebbe opportuno postare un link alla pagina, concordi?

Saluti!

[alemoppo]

Ma non è meglio "giocare" con css invece di usare jQuery?

Parlo di document.getElementById().style...

Ciao!

Ma non è meglio "giocare" con css invece di usare jQuery?

Parlo di document.getElementById().style...

Ciao!

Gli avevo dato anche uno schema logico per fare questo ma mi ha risposto:

"Non lo so fare, me lo fai?"

e ha preferito uno script pronto, ma evidentemente anche leggere la documentazione era troppo.

[icfast]

se conoscessi css magari...
e comunque ***** di un simpletiket dici così perchè ne sai qualcosa di programmazione!!! provi a pensare a quando non ne sapeva un'acca!!!!

[alemoppo]

prova una cosa del genere:

<html>
<head>
<style type='text/css'>
#finestra
{
	width: 100px;  /* larghezza finestra */
	height: 30px;  /* altezza finestra */
	display:none;  /*all'inizio la impostiamo nascosta*/
}
</style>
</head>
<body>
<span style='cursor:pointer; text-decoration:underline' onClick='document.getElementById("finestra").style.display="inline";'>Apri finestra</span>
<p> testo testo </p>

<div id='finestra'>
 <span style='cursor:pointer;' onClick='document.getElementById("finestra").style.display="none";'>X</span><br>
 testo dentro la finestra testo testo
</div>
<p> altro testo testo </p>
</body>
</html>

Le parti fondamentali (che modificano l'attributo display di css), sono:

 onClick='document.getElementById("finestra").style.display="inline";

e

onClick='document.getElementById("finestra").style.display="none"

La prima rende visibile il div; la seconda lo rende invisibile.

Ovviamente per farlo sembrare una finestra dovrai applicargli dei bordi, uno sfondo etc etc...

Ah, se non conosci css, leggiti una guida, ad esempio questa (una delle tante in internet)


Ciao!

se conoscessi css magari...
e comunque ***** di un simpletiket dici così perchè ne sai qualcosa di programmazione!!! provi a pensare a quando non ne sapeva un'acca!!!!

Ti rispondo qui sul forum e non in privato solo per farti sapere che quando ho iniziato, così come ancora oggi quando non so qualcosa, e sono tanti i casi, non ho mai chiesto "me lo fai?", ma "come posso fare?", o dove "trovo info su", ho sempre cercato di risolvere il problema anche percorrendo strade alternative, leggendo le documentazioni, provando e riprovando sbattendoci la testa... senza avere la premura di mettere on line la mia trovata entro stasera...
in parole povere studiando e usando la testa.

Detto questo, scusandomi con gli altri utenti, chiudo il mio intervento, su questa richiesta come su qualunque altra di qualunque utente che non usa il primo princio del vivere, l'educazione!

Addio icfast!

[icfast]

ma mi chiedo : è tanto difficile rispondere come fa alemoppo?
grazie mille!

[alemoppo]

Sì, ma così poi non impari nulla.

Ciao!

[icfast]

invece sì..per esempio adesso so un minimo di css!
ho capito come mettere le x per chiudere i documenti per esempio..
imparo vedendo i codici, vedendo le funzioni che sviluppano..

[alemoppo]

Buon per te

Ciao!