Multiple line replace jQuery textarea

Hendrix

I have a question with the following script, apparently works well when a line of code, but if to replace several lines of code does not work :(

A line of code:

enter image description here

Multiple lines of code

enter image description here

When the result should be:

http://www.domain.com/myimages/123/123_small.jpg
http://www.domain.com/myimages/456/456_small.jpg
http://www.domain.com/myimages/789/789_small.jpg

JSFIDDLE:

http://jsfiddle.net/mxk6fLpg/

<h3>Enter:</h3>

<textarea value="" id="enter"></textarea>
<h3>Result:</h3>

<textarea class="disable" id="result"></textarea><br />
<input type="reset" value="Resetear" class="button reset" />
$('#enter').keyup(function () {
    var url = 'http://www.domain.com/myimages/' + $(this).val() + '/' + $(this).val() + '_small.jpg';
    var result = url;
    $('#result').html(result);
});
Caner Akdeniz

There might be better way to implement this but, you can split your string with line breaks and display each line break strings in new line. To accomplish this, here is your modified code:

$('#enter').keyup(function () {
    var eachLine = $(this).val().split('\n');
    var result = '';       
    for(var i=0;i<eachLine.length;i++){
        var url = 'http://www.domain.com/myimages/' + eachLine[i] + '/' + eachLine[i] + '_small.jpg';
        result = result + url + '\n';
    }        
    $('#result').html(result);
});

Here is the demo: http://jsfiddle.net/mxk6fLpg/2/

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

TOP Ranking

  1. 1

    Failed to listen on localhost:8000 (reason: Cannot assign requested address)

  2. 2

    Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

  3. 3

    How to import an asset in swift using Bundle.main.path() in a react-native native module

  4. 4

    pump.io port in URL

  5. 5

    Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

  6. 6

    Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

  7. 7

    Do Idle Snowflake Connections Use Cloud Services Credits?

  8. 8

    maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class

  9. 9

    Binding element 'string' implicitly has an 'any' type

  10. 10

    BigQuery - concatenate ignoring NULL

  11. 11

    Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext

  12. 12

    In Skype, how to block "User requests your details"?

  13. 13

    Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');

  14. 14

    Pandas - check if dataframe has negative value in any column

  15. 15

    flutter: dropdown item programmatically unselect problem

  16. 16

    Generate random UUIDv4 with Elm

  17. 17

    Is it possible to Redo commits removed by GitHub Desktop's Undo on a Mac?

  18. 18

    ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

  19. 19

    Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd

  20. 20

    EXCEL: Find sum of values in one column with criteria from other column

  21. 21

    How to use merge windows unallocated space into Ubuntu using GParted?

HotTag

Archive