Замена текста на html css js

Bignoob · April 22, 2021

Требуется сделать строку ввода в которые вписывается опреленная ссылка(любая) например:"https://htmlforum.org/forum/123"

Нужно, чтобы по нажатию кнопки в веденной ссылке менялась половина до опреденного домена типа org с того что было например на "https://123htmlsuper.ru/forum/123" .

То есть не просто с org на ru, а полностью от https до слеша перед org

Дальнейший вывод этой ссылки или кнопки для перехода на эту ссылку

Нужно это для сайта в "блокноте" html css

Help

Edited April 22, 2021 by Bignoob
Дописать

klierik · April 23, 2021

Здравствуйте.

Попробуйте начать с этого примера:

Bignoob · April 23, 2021

5 часов назад, klierik сказал:

Здравствуйте.

Попробуйте начать с этого примера:

search(/[\/\/]\w*.(\/)/gm) в этом месте ошибку выдаёт

Uncaught typeerror:cannot read property 'search' of undefined at HTMLbuttonElement. <anonymous>(1.html:11)

klierik · April 23, 2021

В представленном мной примере — работает. Ищите ошибку у себя или выложите свой вариант с ошибкой.

Bignoob · April 23, 2021

53 минуты назад, klierik сказал:

В представленном мной примере — работает. Ищите ошибку у себя или выложите свой вариант с ошибкой.

Ничего не менял, всё так же.

klierik · April 26, 2021

Мой пример это лишь часть документа. Попробуйте вот так:

Скрытый текст


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style type="text/css">
        input {
            width: 90%;
            padding: 20px 15px;
        }

        #button {
            margin: 30px 0;
        }

        #result {
            padding: 10px;
            background: #f1f1f1;
        }
    </style>
</head>
<body>

<input id="input" type="text" value="https://htmlforum.io/topic/63758-zamena-teksta-na-html-css-js/">
<br>
<button id="button">Update URL</button>
<br>
<div id="result"></div>

<script>
    document.getElementById("button").addEventListener("click", function () {

        var input = document.getElementById('input');
        var result = document.getElementById('result');
        var url = input.value;
        var index = url.search(/[\/\/]\w*.(\/)/);

        var newDomain = "https://html.com";
        var newUrl = newDomain + url.substr(index);

        result.innerText = newUrl;

    });
</script>
</body>
</html>

Int · May 11, 2021

23.04.2021 в 05:18, klierik сказал:
/[\/\/]\w*.(\/)/

Но ведь эта регулярка не учитывает, что в адресе могут быть точки и дефисы, \w не включает в себя их

const replaceTo = 'newdomain.org'
const newValue = oldValue.replace(/(http(s)?:\/\/).+?(\/.+)$/, `$1${replaceTo}$3`)

Bignoob · May 16, 2021

26.04.2021 в 07:11, klierik сказал:

Мой пример это лишь часть документа. Попробуйте вот так:

Показать содержимое



<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style type="text/css">
        input {
            width: 90%;
            padding: 20px 15px;
        }

        #button {
            margin: 30px 0;
        }

        #result {
            padding: 10px;
            background: #f1f1f1;
        }
    </style>
</head>
<body>

<input id="input" type="text" value="https://htmlforum.io/topic/63758-zamena-teksta-na-html-css-js/">
<br>
<button id="button">Update URL</button>
<br>
<div id="result"></div>

<script>
    document.getElementById("button").addEventListener("click", function () {

        var input = document.getElementById('input');
        var result = document.getElementById('result');
        var url = input.value;
        var index = url.search(/[\/\/]\w*.(\/)/);

        var newDomain = "https://html.com";
        var newUrl = newDomain + url.substr(index);

        result.innerText = newUrl;

    });
</script>
</body>
</html>

Как это вместе использовать?

klierik · May 17, 2021

10 часов назад, Bignoob сказал:

Как это вместе использовать?

Обновить пример и получить результат:

Sign In

Замена текста на html css js

Question

Bignoob

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Bignoob

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Bignoob

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

Bignoob

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information