Pulsanti e Formattazione del testo

Scar991

Utente Attivo
30 Apr 2012
167
0
0
Salve a tutti!
Ho inserito in un form guestbook dei pulsanti che mi diano i tag html per il grassetto, il corsivo e il sottolineato...
Qui sotto i codici:

Codice:
<script>
function bold(){
  var b=prompt("Inserisci il testo","");
  if (b!=null) {
	document.getElementById("message").value = document.getElementById("message").value + " <strong>" +b+ "</strong>";
  } else {
	var N=alert("Non hai inserito nessun testo!");
  }
}
</script>

<script>
function italics() {
	var it=prompt("Inserisci il testo","");
	if (it!=null){
		document.getElementById("message").value = document.getElementById("message").value + " <i>" +it+ "</i>";
	} else {
		var N=alert("Non hai inserito nessun testo!");
	}
}
</script>

<script>
function underline() {
	var ul=prompt("Inserisci il testo","");
	if (ul!=null){
		document.getElementById("message").value = document.getElementById("message").value + " <u>" +ul+ "</u>";
	} else {
		var N=alert("Non hai inserito nessun testo!");
	}
}
</script>

Mi chiedevo come mai usando il medesimo codice per i link (inserendo quindi <a href="">ciao</a>) il pulsante non mi funziona.

Inoltre vorrei sapere, come faccio a fargli dare uno spazio "automatico"? come potete vedere l'ho inserito prima del tag (es. "[ ]<u>" +ul+ "</u>"), ma se si vuole inserire un tag come prima parola come faccio a non fargli dare lo spazio? Devo inserire una sorta di "if document.getElementById è vuoto allora inizia senza spazio altrimenti no"?
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Ciao per il link io faccio cosi <a href=#>ciao</a> ma scusami però manca a cosa riferisci il link....

ad esempio dovrebbe essere cosi :

HTML:
<a  class="inizio" href="javascript:void(0)" onClick="function('')"  title="cominc">Ciao</a>

//come vedi puoi usare anche il : href="javascript:void(0)" che è stessa cosa...
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
per la seconda domanda... sincero non l'ho compresa bene... meglio aspettare come li chiamo io i sapienti che sapranno aiutarti .... io non sono cosi esperto... pardon :)
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Salve a tutti!
Ho inserito in un form guestbook dei pulsanti che mi diano i tag html per il grassetto, il corsivo e il sottolineato...
Qui sotto i codici:

Codice:
<script>
function bold(){
  var b=prompt("Inserisci il testo","");
  if (b!=null) {
	document.getElementById("message").value = document.getElementById("message").value + " <strong>" +b+ "</strong>";
  } else {
	var N=alert("Non hai inserito nessun testo!");
  }
}
</script>

<script>
function italics() {
	var it=prompt("Inserisci il testo","");
	if (it!=null){
		document.getElementById("message").value = document.getElementById("message").value + " <i>" +it+ "</i>";
	} else {
		var N=alert("Non hai inserito nessun testo!");
	}
}
</script>

<script>
function underline() {
	var ul=prompt("Inserisci il testo","");
	if (ul!=null){
		document.getElementById("message").value = document.getElementById("message").value + " <u>" +ul+ "</u>";
	} else {
		var N=alert("Non hai inserito nessun testo!");
	}
}
</script>

Mi chiedevo come mai usando il medesimo codice per i link (inserendo quindi <a href="">ciao</a>) il pulsante non mi funziona.

Inoltre vorrei sapere, come faccio a fargli dare uno spazio "automatico"? come potete vedere l'ho inserito prima del tag (es. "[ ]<u>" +ul+ "</u>"), ma se si vuole inserire un tag come prima parola come faccio a non fargli dare lo spazio? Devo inserire una sorta di "if document.getElementById è vuoto allora inizia senza spazio altrimenti no"?


Ciao,

nel href metti il richiamo della funzione

per lo spazio, intendi uno spazio dopo(aver usato bold) <strong>testo</strong> da qui continua? e tag come primo carattere?

ES:

solo per bold

Codice:
<script>
function bold(){
  var b=prompt("Inserisci il testo","");
  if (b!=null) {
	document.getElementById("message").value = document.getElementById("message").value +"<strong>" +b+ "</strong>" + " ";
    message.focus();
  } else {
	var N=alert("Non hai inserito nessun testo!");
  }
}
</script>

LINK:

Codice:
<a href="javascript:void(0)" onclick="bold()">BOLD</a>


PS: non c'è bisogno di scrivere per ogni funzione <script>f()></script> <script>g()</script>

<script type="text/javascript">

tutte le funzioni

</script>


Valeria.
 

Scar991

Utente Attivo
30 Apr 2012
167
0
0
Mi spiego meglio :)
Quei codici fanno riferimento a dei bottoni! Mi serve inserire i link nella textarea, ossia fare in modo che diventino cliccabili, tramite codice html :)

Per quanto riguarda la prima richiesta:
Negli altri script, come avrai notato, il codice apre una finestra nella quale va inserito il testo, e poi pone i tag di apertura e chiusura del testo stesso.
Per quanto riguarda l'URL, io avevo scritto una cosa del tipo

HTML:
<script>
function idurl() {
	var reqind=prompt("Inserisci il l'indirizzo della pagina",""); //richiede l'URL

	if (reqind!=null) { //controlla se c'è l'inserimento

		var reqid=prompt("Inserisci il testo del link",""); //se c'è l'inserimento chiede il testo del link

		if (reqid!=null){ //se il testo è stato inserito, lo inserisce
			document.getElementById("message").value = document.getElementById("message").value + " <a href='" +reqind+ ">" +reqid+"</a>";

		} else {
			reqid=requind;
				document.getElementById("message").value = document.getElementById("message").value + " <a href='" +reqind+ ">" +reqid+"</a>";
		}

	} else {

		var N=alert("Non hai inserito nessun testo!");

	}

}
</script>

Ma non mi funzionava... Sapete dirmi il perché?

Per quanto riguarda la seconda richiesta

Avrete notato che, nella stringa di inserimento dei tag

Codice:
document.getElementById("message").value = document.getElementById("message").value + " <a href='" +reqind+ "'>" +reqid+"</a>";

dopo 'value + " ' e prima di '<a href=' ' c'è uno spazio. L'ho inserito perché altrimenti il testo "formattato" veniva inserito di seguito a quello della textarea

Esempio: ciao<b>come</b> stai darebbe come risultato ciaocome stai e non ciao come stai.

Mi chiedevo: è possibile fare in modo che lo script riconosca se sto inserendo la prima parola della textarea (quindi se la textarea è vuota) e togliere quello spazio?
Magari con un

Codice:
if (document.getElementById("message").value = ""){
document.getElementById("message").value = document.getElementById("message").value + "<a href='" +reqind+ ">" +reqid+"</a>";
} else {
document.getElementById("message").value = document.getElementById("message").value + " <a href='" +reqind+ ">" +reqid+"</a>";
}

potrebbe funzionare?

PS: grazie per l'accortezza relativa all'unico "script" Vale :)
 
Ultima modifica:

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao,

spazi a parte sono altra cosa,

per la URL

una cosa tipo questa nella textarea

Codice:
<a href='http://www.pippo.it'>Pippo.it</a>


Valeria.
 

Scar991

Utente Attivo
30 Apr 2012
167
0
0
Ok ora lo script che ho postato prima funziona, evidentemente in quello di prima mi era sfuggito qualche errore.

Problema degli spazi, qualcuno sa aiutarmi?
 
Discussioni simili
Autore Titolo Forum Risposte Data
4 Pulsanti woocommerce CMS (Content Management System) 0
D [Javascript] pulsanti per comandi shell con php e ajax Ajax 7
S Dreamweaver pulsanti salva-annulla-ripeti Windows e Software 4
maicol07 Python - Tkinter - Aiuto con pulsanti e tuple Programmazione 0
R [HTML] Pulsanti animati per wordpress WordPress 23
P Movimento telecamera attraverso pulsanti HTML e CSS 2
S pulsanti sonori in html5 HTML e CSS 3
F pulsanti condivisione social su singola foto HTML e CSS 1
C Pulsanti per touch screen HTML e CSS 1
C Touchscreen e pulsanti HTML e CSS 3
otto9due Pulsanti condividi su social dinamici.. PHP 3
A Pulsanti login e registrazione PHP 3
Alessandra Fanelli Menu Collapse- help -nn iserisce azioni a pulsanti Flash 0
ivarello Due Pulsanti con per lanciare funzione Javascript 0
F ancora pulsanti HTML e CSS 1
M Modulo con 2 pulsanti submit PHP 5
C Creare una form con pulsanti di scelta macro Visual Basic 1
M I pulsanti di facebook visualizzano l'immagine errata Joomla 1
I Problema Pulsanti Html e PHP, due submit che aggiornano la pagina .. PHP 0
M Distinguere l’input di due pulsanti Classic ASP 8
P Problema visualizzazione pulsanti dopo scroll jQuery 6
D Che caratteristiche deve avere un gruppo di pulsanti di scelta in phpMyAdmin? MySQL 10
A Problemi con pulsanti social network Javascript 3
D Problemi coi pulsanti PHP 0
A fancyBox script - problema con pulsanti jQuery 2
emanuelevt problema con pulsanti animati jQuery 2
E Visualizzazione Pulsanti PHP 1
T Come far interagire pulsanti e codice php? PHP 1
T 3 pulsanti di ricerca Javascript 0
max_400 Gestire un timer con i pulsanti PHP 5
B modifiche in Dreamweaver per Vecchi pulsanti Flash? Webdesign e Grafica 5
G pulsanti che cambiano con onclick Javascript 5
G Listato con effetto scorrevole comandato da pulsanti Javascript 6
C drupal: cambiare grafica pulsanti CMS (Content Management System) 2
P ActionScript: modificare pulsanti Flash 1
V Pulsanti Flash Flash 0
M ruotazione oggetto con pulsanti e/o con mouse Flash 10
s@r@ Pulsanti interattivi che non si vedono Javascript 5
A creare layout con pulsanti a schede HTML e CSS 3
P creare una serie di pulsanti con photoshop Photoshop 3
H Gimp, pulsanti e xtns Webdesign e Grafica 0
R Creare pulsanti di scorrimento in flash e altre informazioni Flash 0
L Dove posso trovare pulsanti in flash? Flash 3
F problema Pulsanti flash su IE con target su diversi frame Flash 3
D Problema disabilitazione pulsanti (Actionscript 2.0) Flash 0
D Problema disabilitazione pulsanti (FL 8.0 - AS 2) Flash 0
R pulsanti per aumentare o diminuire velocità di una canzone Flash 7
I Pulsanti E Ie7 Flash 9
S Pulsanti Flash 1
U creare pulsanti gif Webdesign e Grafica 2

Discussioni simili