Sostituzione Quando Uno Scrive Http://

**Nazza97** · 12-07-2012, 19:17

Come potei iniziare?
Quando uno scrive in chat (in un input text) un link vorrei che fosse cliccabile e quindi reindirizzare a quel sito.

Come fare?

**cavicchiandrea** · 12-07-2012, 19:37

Dovresti usare un http://ckeditor.com/ (editor html) con un semplice input text non è possibile

**Nazza97** · 12-07-2012, 19:53

Originariamente inviato da cavicchiandrea
Dovresti usare un http://ckeditor.com/ (editor html) con un semplice input text non è possibile

Io ho visto alcuni siti web che hanno questa funzione ( Ma non ricordo sennò andavo a vedere)

Quando uno Metteva un indirizzo che conteneva "http://" Veniva stampato linkabile(Automaticamente) senza scrivere <a href=""> .....

**cavicchiandrea** · 12-07-2012, 20:03

Non so quello che hai visto, comunque per quanto ne so in un input text non puoi farlo

se non sei convito prosegui con le ricerche

**Nazza97** · 12-07-2012, 21:15

Originariamente inviato da cavicchiandrea
Non so quello che hai visto, comunque per quanto ne so in un input text non puoi farlo

se non sei convito prosegui con le ricerche

Ho Risolto Così come dicevo io(Input text)

Js :

codice:

<script>
  function replaceURLWithHTMLLinks(text) {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/i;
    return text.replace(exp,"$1"); 
  }
  $(document).ready(function(){
    $('#form').submit(function(){
      $message = replaceURLWithHTMLLinks($('#url').val());
      $('#urltest').append('[*]' + $message + '');
      $('#urltest li:last').hide().fadeIn('slow'); // for effects only
      return false;
    });
    
 
  });
</script>

Input Text

codice:

<div id="sample">
  <form method="post" action="" id="form">
  Input URL <input type="text" name="txturl" id="url"/>
  <input type="submit" value="Submit" id="submit" />
  </form>

  <div id="urldiv">
    


  </div>
</div>

**carlomarx** · 12-07-2012, 21:34

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>chat</title>
<script type="text/javascript">
function newMsg() {
	document.getElementById("conversazione").innerHTML += "

" + document.getElementById("utente").innerHTML + " " + document.tuoForm.message.value.replace(/(^|\b)((?:http(s)?\:\/\/)?((?:[^\.\s]{2,}\.)+[^\.\s]{2,6}))(\b|$)/g, "$1<a target=\"_blank\" href=\"http$3:\/\/$4\">$2<\/a>$5") + "<\/p>";
	document.tuoForm.message.value = "";
	document.tuoForm.message.focus();
}
</script>
<style>
#chat {
	width: 500px;
	height: 400px;
	border: 1px #cccccc solid;
	overflow: auto;
	padding: 4px;
}

#conversazione {
	width: 500px;
}

#tabella {
	height: 30px;
	width: 500px;
	border-collapse: collapse;
	border-spacing:0;
}

#tabella td {
	padding: 0;
	margin: 0;
}

#chat p, #tabella {
	margin: 12px 0 0 0;
}

#utente {
	width: auto;
	height: 30px;
	line-height: 30px;
}

#messaggio {
	border: none;
	width: 100%;
}

#msgbox {
	float: left;
	width: 100%;
	height: 30px;
	border: none;
	margin: 0;
	padding: 0;
}

#conversazione, #utente, #messaggio {
	color: #000000;
	font-family: courier;
	font-size: 12px;
}
</style>
</head>

<body>
<form name="tuoForm" onsubmit="newMsg();return false;">
<div id="chat">
<div id="conversazione"></div>
<table id="tabella"><tbody><tr><td id="utente">nomeutente@nomechat.it:&amp;nbsp;</td>
<td id="messaggio"><input type="text" id="msgbox" name="message" autofocus /></td></tr></tbody></table>
</div>
</body>

</html>

edit: Mentre rispondevo non mi ero accorto che ti eri già risposto da solo. Prova cmq questa soluzione, funziona anche se non scrivi http:// (ma non so quanto sia affinata... se hai problemi torna qui)

**cavicchiandrea** · 12-07-2012, 21:54

@Nazza avevo frainteso che dovesse diventare un link <a href.....></a> dentro al input text non nel documento/form (spazio affianco) come hai poi fatto tu

comunque l'importante è risolvere

**Nazza97** · 12-07-2012, 21:55

Originariamente inviato da cavicchiandrea
@Nazza avevo frainteso che dovesse diventare un link <a href.....></a> dentro al input text non nel documento/form (spazio affianco) come hai poi fatto tu

comunque l'importante è risolvere

Figurati, Grazie lo stesso (:

Discussione: Sostituzione Quando Uno Scrive Http://

Strumenti discussione

Ricerca discussione

Visualizza

Sostituzione Quando Uno Scrive Http://

Permessi di invio