Table blog

by Josep Ssv

HTML

<center><p><a href="http://jsfiddle.net/josepssv/DEU4m/embedded/result/" target="_blank">Embedded</a></p><table><th><td colspan=2>
    <input type="text" id="ftitle" style="width:300px" value="" />    
    </td>
    </th><tr><td>
    Image and link 1
    <br />
    <input type="text" id="tin1" style="width:300px" value="" />
    <input type="text" id="lin1" style="width:300px" value="" />
    
    <br />
    
    Image and link 2
    <br />
    <input type="text" id="tin2" style="width:300px" value="" />
    <input type="text" id="lin2" style="width:300px" value="" />
    <br />
    Image and link 3
    <br />
    <input type="text" id="tin3" style="width:300px" value="" />
    <input type="text" id="lin3" style="width:300px" value="" />
    <br />
    Image and link 4
    <br />
    <input type="text" id="tin4" style="width:300px" value="" />
    <input type="text" id="lin4" style="width:300px" value="" />   
    </td>
    </tr><table>    
    
    
    <span onclick="coding(false)" style="cursor: pointer; text-decoration:underline">GetCode</span>&nbsp;&nbsp;&nbsp;<span onclick="coding(true)" style="cursor: pointer; text-decoration:underline">Get+code</span>   
    <br />
    <textarea  id="codeta" style="width:600px; height:150px"></textarea>
    <br />
    <div onclick="trycoding()" style="cursor: pointer; text-decoration:underline">Try code</div>    
    
    <div id="trydiv" style="width:800px;height:600px"></div>    
    </center>

JavaScript

function getImgSize(imgSrc) {
    var newImg = new Image();
    newImg.src = imgSrc;
    var width = newImg.width;
    width = parseInt(width);
    if (width == 0) {
        width = 400
    }
    return width
}

function getFilename(url) {
    var filename0 = url.substring(url.lastIndexOf('/') + 1);
    var filename = filename0.substring(0, filename0.lastIndexOf('.'));
    return filename
}

String.prototype.between = function(text, prefix, suffix) {
    s = this;
    var i = s.indexOf(prefix);
    if (i >= 0) {
        s = s.substring(i + prefix.length);
    }
    else {
        return '';
    }
    if (suffix) {
        i = s.indexOf(suffix);
        if (i >= 0) {
            s = s.substring(0, i);
        }
        else {
            return '';
        }
    }

    var t = this.replace(s, text);

    return t;
}

function replacewh(text) {
    var text1 = text;
    var text2 = text1.replace(/width=\".*\"\s h/, 'width="225" h');
    var text3 = text2.replace(/height=\".*\"\s/g, 'height="149"');
    alert(text3)
    return text3
}

var collector = []

function coding(plus) {

    var code = []


    var ftit = document.getElementById('ftitle').value
    var tim1 = document.getElementById('tin1').value
    var tim2 = document.getElementById('tin2').value
    var tim3 = document.getElementById('tin3').value
    var tim4 = document.getElementById('tin4').value
    var lim1 = document.getElementById('lin1').value
    var lim2 = document.getElementById('lin2').value
    var lim3 = document.getElementById('lin3').value
    var lim4 = document.getElementById('lin4').value

    //var tatext1 = document.getElementById('ta1img').value
    //var tatext2 = document.getElementById('ta2img').value
    //var tatext3 = document.getElementById('ta3img').value
    //var links1 = document.getElementById('ta1link').value
    //var links2 = document.getElementById('ta2link').value
    //var links3 = document.getElementById('ta3link').value
    var im1 = '<a href="' + lim1 + '"><img...