Генератор кнопок для traveltipz.ru

by Евгений

HTML

<p>Введите название компании <span id="exampletitle" title="вставить пример в поле">например</span>. Необходимо только для кнопки "Рекомендация"<br />
    <input id="company" type="text" placeholder="Введите название компании"/></p>
<p>Вставьте адрес страницы <span id="exampleulr"  title="вставить пример в поле">например</span>. Обязательное поле<br />
    <input id="url" type="text" placeholder="Вставьте адрес страницы"/></p>
<input id="go" value="Сгенерировать" type="button" />
<div id="res"></res>

CSS

.result {
    width: 500px;
    border: 1px solid gray;
    display: inline-block;
    margin: 10px;
    text-align: center;
    background: #dbdbdb;
}
#company, #url {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
textarea {
    resize: none;
    width: 490px;
    height: 150px;
    background: white;
}
#exampletitle, #exampleulr {
    color: blue;
    border-bottom: 1px dashed blue;
    cursor: pointer;
}

JavaScript

function generate() {
        var text, inner = '';
        var title = document.getElementById('company').value;
        var url = document.getElementById('url').value;
        if (!url) {
            alert('введите адрес страницы');
            document.getElementById('url').focus();
            return false;
        }


        text = '<a href="' + url + '" target="_blank"><img src="http://traveltipz.ru/images/out/traveltipz-100x30.png" width="100" height="30" alt="Оставь отзыв"/></a>';
        inner += '<div class="result"><h4>Кнопка отзыва №9</h4>' + text + '<br />Проверьте кнопку (кликните по картинке) и скопируйте код:<br /><textarea>' + text + '</textarea></div>';


        text = '<a href="' + url + '" target="_blank"><img src="http://traveltipz.ru/images/out/traveltipz-love-100x30.png" width="100" height="30" alt="Нас любят"/></a>';
        inner += '<div class="result"><h4>Кнопка отзыва №8</h4>' + text + '<br />Проверьте кнопку (кликните по картинке) и скопируйте код:<br /><textarea>' + text + '</textarea></div>';


        text = '<a href="' + url + '" target="_blank"><img src="http://traveltipz.ru/images/out/traveltipz-200x60.png" width="200" height="60" alt="Оставь отзыв"/></a>';
        inner += '<div class="result"><h4>Кнопка отзыва №7</h4>' + text + '<br />Проверьте кнопку (кликните по картинке) и скопируйте код:<br /><textarea>' + text + '</textarea></div>';


        text = '<a href="' + url + '" target="_blank"><img src="http://traveltipz.ru/images/out/traveltipz-love-200x60.png" width="200" height="60" alt="Нас любят"/></a>';
        inner += '<div class="result"><h4>Кнопка отзыва №6</h4>' + text + '<br />Проверьте кнопку (кликните по картинке) и скопируйте код:<br /><textarea>' + text + '</textarea></div>';


        text = '<div style="margin: 10px;"><div style="margin: 0 auto; width: 150px; padding: 0;"><div style="width: 140px; background: url(\'http://traveltipz.ru/images/tt_recommend150x88.png\') no-repeat; text-align: center; padding:...