Как вернуть код внутри ссылки?

54

Neumann1970

15 марта 2018, 22:02

522

Всем привет!

Не получается решить следующий вопрос:

При наведении на ссылку с ценой менять текст на "Подробнее" когда курсор мыши покидает область возвращать прежнее значение:

Ремонт стиральной машинки3600

Основной код:


<!DOCTYPE html>

<head>

    <meta charset="utf-8">

<title>change text on mouse over and change back on mouse out

</title>

<link href="css/bootstrap.min.css" rel="stylesheet">

 <script type="text/javascript">

 

 var globalOldValue = document.getElementById('text-display').innerHTML;

    function changeText()

        {

            var display = document.getElementById('text-display');

            display.innerHTML = "";

            display.innerHTML = text;

        }

          function changeback()

        {

            var display;

            display.innerHTML = globalOldValue;

        }

    </script>



</head>

<html>



<body>



<br>

<br>

<br>

<br>



<div class="btn-group btn-group-justified" role="group" aria-label="...">

  <div class="btn-group" role="group">

 

  

  <div class="btn-group" role="group" onmouseover="changeText('Подробнее')" onmouseout="changeback()">

    <a id="text-display" href="http://google.com" type="button" class="btn btn-default"><span class="span_left">Ремонт стиральной машинки</span><span class="span_right">3600</span></a>

  </div>

</div>





<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

      <script src="js/bootstrap.min.js"></script>

</body>

</html>

Где ошибка?

250

WebAlt

16 марта 2018, 00:29

#1

https://jsfiddle.net/wovebggn/1/

54

Neumann1970

18 марта 2018, 12:05

#2

а полностью заменить

Ремонт стиральной машинки3600

На

"Подробнее"

при наведении?

Маркетинг для шоколадной фабрики. На 34% выше средний чек

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов