Off Topic :: [ANCORA!!]Aiuto HTML

Pagina 1 di 1

#1 Robertof Domenica, 23 Settembre 2007, 11:08

Salve..
Sono nuovo e volevo chiedervi una cosa...

Ho uno script che fa una specie di editor html con 2 pulsanti, Grassetto e link.
Il problema sorge quando clicchi su uno dei due che ti chiede il testo o il link da inserire. Fin qui tutto bene ma se clicchi su un altro pulsante, si sovrascrive il testo che hai inserito con l'altro. Non so se mi sono spiegato..

Comunque vi posto il Codice, sperando che possiate aiutarmi

Codice: [Download] [Nascondi] [Seleziona]

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Editor in HTML in javascript</title>

</head>

<body>

Benvenuti!<br>Questo è un Editor piccolino di HTML :))) Testatelo..

<script>

function grassetto()

{

var txt=prompt('Inserisci il testo da visualizzare in grassetto')

document.getElementById('txt').value = '<b>' + txt + '</b>'

}

function url()

{

var ul=prompt('Inserisci la URL')

var ul2=prompt('Inserisci il nome della url')

document.getElementById('txt').value = '<a href="' + ul + '">' + ul2 + '</a>'}

function anteprima()

{

var ante=document.getElementById('txt').innerText

document.write('' + ante + '<br><br><input id="b" onclick="history.back(-1)" type="button" value="Indietro" name="B1">')

}

</script>

<form>

    <input id="b" onclick="grassetto()" type="button" value="Testo Grassetto" name="B1">    <input id="2" onclick="url()" type="button" value="Link" name="B1">

    </form>

    <p><textarea id="txt" rows="15" name="S1" cols="94" style="font-family: Arial"></textarea></p>

<input id="b" onclick="anteprima()" type="button" value="Anteprima" name="B1">

</body>

</html>

Ah dimenticavo..
Lo script funziona solo con internet Explorer

Grazie per il suppporto, Il vostro Niubbo Roberto.

EDIT!
SCORRETE A FINE PAGINA PER SAPERE IL MIO SECONDO PROBLEMA
O PRIMA: http://www.icyphoenix.it/viewtopic.php?p=6182#p6182

Ultima modifica di Robertof il Domenica, 07 Ottobre 2007, 10:48, modificato 2 volte in totale

Robertof

Utente

Età: 15

Registrato: Settembre 2007

Messaggi: 9

Re: Aiuto HTML

#2 Mighty Gorgon Domenica, 23 Settembre 2007, 19:00

Per forza... ogni volta riassegni il valore della textbox integralmente!

Dovresti invece aggiungere il valore riportando il valore precedente ad esempio.

Codice: [Download] [Nascondi] [Seleziona]

function grassetto()

{

var txt=prompt('Inserisci il testo da visualizzare in grassetto')

document.getElementById('txt').value = document.getElementById('txt').value + '<b>' + txt + '</b>'

}

Ovviamente sono funzioni molto semplificate... studiati i JS di Icy Phoenix per vedere come sono stati concepiti.

Versione di IP: 3.X
Server: Linux
____________
Luca

Mighty Gorgon

I wanna love you tender

Età: 37

Registrato: Maggio 2007

Residenza: Borgo San Michele

Messaggi: 1603

Re: Aiuto HTML

#3 Robertof Domenica, 23 Settembre 2007, 21:18

GRAZIE MILLE!!!!!!!!!!!!!!!!! SEI UN GENIO

GRAZIE GRAZIE GRAZIE!!!!
Non potrò mai ringriazarti abbastanza!!!!

Robertof

Utente

Età: 15

Registrato: Settembre 2007

Messaggi: 9

Re: [ANCORA!!]Aiuto HTML

#4 Robertof Domenica, 07 Ottobre 2007, 10:44

Ciao! Ho un altro problema! Vorrei fare uno script che cambia le varie impostazioni del testo cliccando su vari link.
Mi blocco quando lo script deve ripristinare il testo.. Con Firefox non va.. Mi aiutate in qualche modo a renderlo compatibile anche con Firefox?
Grazie.
Ecco il codice:

Codice: [Download] [Nascondi]

<script>
 
function size(who)
 
{
 
document.getElementById('size').style.fontSize = '' + who
 
}
 
function returnNormal(attribute,attribute2)
 
{
 
var getText=document.getElementById('size').innerHTML
 
document.getElementById('size').innerHTML = attribute + getText + attribute2
 
}
 
function canc()
 
{
 
var OW=document.getElementById('size').innerHTML
 
document.getElementById('size').innerHTML = OW
 
}
 
</script>
 
Clicca <a href="javascript:void(0)" onclick="size(40)">qui</a> per allargare il testo a Dimensione 40.
 
<br />Clicca <a href="javascript:void(0)" onclick="size(16)">qui</a> per ripristinare il testo alla sua dimensione originaria.
 
<br />Clicca <a href="javascript:void(0)" onclick="size(300)">qui</a> per far diventare il testo enorme.
 
<br />Clicca <a href="javascript:void(0)" onclick="returnNormal('<b>','</b>')">qui</a> per far diventare il testo grassetto.
 
<br />Clicca <a href="javascript:void(0)" onclick="canc()">qui</a> per far ritornare il testo normale.
 
<br />Clicca <a href="javascript:void(0)" onclick="returnNormal('<i>','</i>')">qui</a> per far diventare corsivo il testo.
 
<div id="size">
 
Questo sarà il testo che verrà trasformato!!
 
</div>

La funzione canc(), è quella che mi da problemi.
Per favore, rendetelo compatibile con Firefox!
Grazie mille.
Roberto.

Robertof

Utente

Età: 15

Registrato: Settembre 2007

Messaggi: 9

Re: [ANCORA!!]Aiuto HTML

#5 Mighty Gorgon Giovedì, 11 Ottobre 2007, 23:09

Scusami, ma non ho mica capito cos'è che ti serve... cosa deve fare la funzione CANC?

Versione di IP: 3.X
Server: Linux
____________
Luca

Mighty Gorgon

I wanna love you tender

Età: 37

Registrato: Maggio 2007

Residenza: Borgo San Michele

Messaggi: 1603

Re: [ANCORA!!]Aiuto HTML

#6 Robertof Venerdì, 12 Ottobre 2007, 19:10

Allora.. Mi spiego meglio

Ho questo script che modifica il testo varie volte... Tutte le funzioni funzionano tranne la "Canc" che dovrebbe ripristinare il testo senza i tag <b><i> ecc immessi.
Funziona con Internet Explorer la funzione CANC ma con Firefox non ne vuole sapere!
Ti ringrazio per l'aiuto,
Roberto.

Robertof

Utente

Età: 15

Registrato: Settembre 2007

Messaggi: 9

Re: [ANCORA!!]Aiuto HTML

#7 Mighty Gorgon Martedì, 23 Ottobre 2007, 10:08

A me sembra che quella funzione sia scritta male... non mi sembra possibile che funzioni in IE.

Memorizza prima il contenuto del campo in una variabile e poi lo reinserisce nel campo stesso...