Question

i’m making a little smiley script for my site and i wonder how do i use jquery/javascript to find ::id:: inside a sentence inside an input box(text).

Example:
I have typed ::123:: into my text box and when i click enter jquery will find for it and get the id out of it which is 123 , then turn it into an image.

<input id="tb" type="text" value=""></input><input id="btn" type="submit" value="Send"></input>
<div id="display">
   image will be displayed here
   <img src="...domain/image?id=123">
</div>

jQuery:

var inputval = $('#tb').val();

$(document).ready(function(){
   $('#btn').click(function(){
       //get the id from inputval(variable)
   });
});

P/S it will also check for if it’s intergar.

Answer 1

Use String.replace with a regex and group reference:

var strWithImgs = inputval.replace(/::(\d+)::/g, "<img src='...domain/image?id=$1'>")
$("#display").html(strWithImgs);

The $1 means “the first expression in parentheses”, which is the run of digits.