Salve a tutti,
Sto cercando di creare un box per scrivere messaggi con un'interfaccia simile a quella di word xp (relativamente ai pulsanti bold, italic, ecc) e a questo proposito sarei grato a chi mi volesse dire come posso fare per far si che passando su uno dei pulsanti azione su questo mi si sovrapponesse quel quadratino azzurro trasparente tipico dei programmi di office xp.
Ringrazio chiunque voglia aiutarmi.
xxx
scusa ma io sono un utente win 2000 pro (e me ne vanto) e non ho mai visto l'interfaccia dell'XP (o per meglio dire l'ho vista ma non la condivido)...
mi potresti spiegare meglio cosa vorresti fare????
una cosa del genere intendevi???
Codice PHP:<html>
<head>
<title>Cambio</title>
<script language="javascript">
<!--
function modifica(a){
div = document.getElementById('divTesto')
div.innerHTML='<'+a+'>'+document.myForm.txt.value+'</'+a+'>'
}
//-->
</script>
</head>
<body>
<form name="myForm">
<table>
<tr>
<td colspan="3">
<textarea rows="5" cols="20" name="txt">Esempio</textarea>
</td>
</tr>
<tr>
<td><input type="button" value="Grassetto" name="b" onClick="modifica('b')"></td>
<td><input type="button" value="Corsivo" name="i" onClick="modifica('i')"></td>
<td><input type="button" value="Grassetto" name="u" onClick="modifica('u')"></td>
</tr>
</table>
</form>
<div id="divTesto"></div>
</body>
</html>
Let's your dream came true!
mi sa che prima non ho centrato bene ilproblema...prova così...giocando sui CSS...
fai uno scipt tipo:
function Cambio(a){
document.myForm.b.style.backgroundColor=a;
}
e il pulsante così:
<input type="button" value="Grassetto" name="b" onClick="modifica('b')" onMouseover="Cambio('#74BFF6')" onMouseout="Cambio('')">
dimmi se è questo l'effetto che cerchi, ciao
Let's your dream came true!
Ciao e innanzitutto grazie per le risposte.
Direi che la prima soluzione non è proprio centrata, quanto alla seconda mi sono espresso male io, con pulsante intendo un'immagine simile a quella ex del B di Bold degli editor di testo.
In Office xp sull'immagine quando vi si passa sopra col mouse viene sovrapposto un quadratino che la copre tutta di colore azzurro (trasparente, infatti il l'immagine del pulsante resta visibile)
Spero di essere riuscito a spiegarmi meglio
xxx
Il risultato è questo che c'è in allegato, il tasto salva (dischetto) non è selezionato, mentre il mouse si trova sul tasto di posta elettronica che risulta evidenziato.
xxx
mi dispiace ma è notte....e non ho capito...scusa la mia "ignoranza" in materia...se ti va mandami un disegnino....fai stamp sulla foto in entrambi i momenti e (mouse sopra e non) e pubblica la foto....ciao
Let's your dream came true!
penso devi procedere in questo modo...modificando il mio 2° script...
bisogna impostare tramite CSS la trasparenza...
al posto del bottone metti una immagine...
ed il gioco è fatto...
domani appena accendo il computer mi ci metto....scusami ma ho molto molto molto sonno...ancora scusa, ciao
Let's your dream came true!
Di nulla, grazie mille per la tua disponibilitàOriginariamente inviato da ale500
penso devi procedere in questo modo...modificando il mio 2° script...
bisogna impostare tramite CSS la trasparenza...
al posto del bottone metti una immagine...
ed il gioco è fatto...
domani appena accendo il computer mi ci metto....scusami ma ho molto molto molto sonno...ancora scusa, ciao
Anch'io stò crollando, è ora della nanna!
xxx
tieni è il max che posso fare viste le mie conoscenze altrimenti si potrebbe creare per ogni immagine un rispetivo duplicato dell'immagine stessa con lo sfondo celeste i bordi blu ecc e all'evento onMouseover andare modificare tramite JS la proprietà background-image...
guarda se così ti può andare (l'immagine deve essere trasparente...):
<style>
input{
background-color:gray;
background-image:url(immagini/g.gif);
background-position:center center;
height:30px;
width:30px;
color:yellow;}
</style>
la funzioncina del cambio colore:
function Cambio(a){
document.myForm.b.style.backgroundColor=a;
}
e il pulsante che cambia:
<input type="button" value="" name="b" onMouseover="Cambio('#11B8FF');" onMouseout="Cambio('');">
dimmi cosa ne pensi, ciao
Let's your dream came true!
Mitico!
Il problema che avevo l'ho risolto con i css e attribuendo un filter con opacità 50, ma questa funzione mi pare risolva alla grande il problema che mi si veniva a porre subito dopo (fare in modo che il bottone resti evidenziato una volta premuto)
Basta sostituire OnMouseOver con OnClick
Ti ringrazio infinitamente per l'aiuto, ciao!
xxx
Permessi di invio
Rispondi quotando