URL ссылки, на которую наведен курсор

@imbalamced · Регистрация: 10.06.2015

Студворк — интернет-сервис помощи студентам

Ребят, подскажите. Как получить url ссылки, на которую наведен курсор?

Суть задачи в том, что необходимо при наведении на ссылку новости в ленте открывать блок с видео. (ссылка на видео будет выбираться из БД, у каждой ссылки на новость есть своя ссылка на видео).

@Enough1987 · 13.01.2016, 21:15

Навешать обработчик на боди, событие наведения, у свойства таргет параметра евент проверить тип элемента, если тег и тег а получить значение атрибута ейчреф.

@imbalamced · 15.01.2016, 14:39 **[ТС]**

Спасибо, нашел выход через jquery.
$('.art_title a').mouseenter( send_ajax );

Добавлено через 19 минут
Помогите, пожалуйста с еще одной проблемой.
Ошибка "Load denied by X-Frame-Options: https://www.youtube.com/watch?v=oV-1kuezv-o does not permit cross-origin framing."

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var $j = jQuery.noConflict();
 
 
    $j(document).ready(function() { 
 
    $j('.art_title a').mouseenter( send_ajax );
    
    function send_ajax(){
     //функция которая будет отправлять запрос на сервер и обрабатывать полученный результат.
     var hvalue = $(this).href;
 
     hvalue = hvalue.substring(hvalue.lastIndexOf("/"));
     var index = hvalue.indexOf("-");
     hvalue = hvalue.substring(++index);
     
     $j.ajax({
 
        type: 'POST', 
        url: 'templates/video-news/video.php', 
            data:{ref: hvalue},
        success: function(data){
                    
                   $j('.video_section').html(data);              
               }
 
           });
 
}
 
});

Файл video.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php
 
    define( '_JEXEC', 1 );
    define( 'JPATH_BASE', realpath(dirname(__FILE__).'/../../' ));  
    require_once ( JPATH_BASE .'/includes/defines.php' );
    require_once ( JPATH_BASE .'/includes/framework.php' );
 
 
    $refer = $_POST[ref];
    $db = &JFactory::getDbo();
 
 
    $db->setQuery("SELECT urls FROM #__content WHERE  alias= '".$refer."'");
    $videoref = $db->loadResult();
 
    
    $posh = strpos($videoref, 'h');
    $poszap = strpos($videoref, ',');
    $poszap--;
    $len = $poszap - $posh;
    $videoref = substr($videoref, $posh);
    $videoref = substr($videoref, 0, $len);
    $videoref = stripcslashes($videoref);
 
    function my(){
        global $videoref ;
        $test = '<iframe width="580" height="320" src="'. $videoref .'" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>';
        //$test = '<video id="vidos" src="'. $videoref .'"></video>';
        return $test;
    }
 
    echo my();
 
    ?>

Суть задачи я описывал в первом посте.
Как можно решить такую проблему?

Добавлено через 10 минут
Сайт на джумле. У каждого материала есть ссылка на видео (в джумле есть встроенная возможность к материалам прикреплять ссылки). При наведении на ссылку новости я нахожу ее в БД, и извлекаю ссылку на видео. Потом возвращаю сгенерированный в файле video.php html код (iframe со ссылкой на видео).
Код приходит, но теги iframe'a пустые
<html>
<head></head>
<body></body>
</html>
И в консоли ошибка "Load denied by X-Frame-Options: https://www.youtube.com/watch?v=oV-1kuezv-o does not permit cross-origin framing."

Добавлено через 12 минут
при попытке воспроизвести видео js-медиаплеером, т.е. отсылаю не iframe, а

PHP
1
$test = '<video id="vidos" src="'. $videoref .'"></video>';

выводится следующая ошибка.

"HTTP "Content-Type" типа "text/html" не поддерживается. Не удалось загрузить медиаресурс https://www.youtube.com/watch?v=oV-1kuezv-o."

Добавлено через 19 часов 47 минут
нашел ответ.
в iframe нужно вставлять ссылку "embed"
http://stackoverflow.com/quest... oes-not-pe

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@imbalamced 0 / 0 / 1 Регистрация: 10.06.2015 Сообщений: 6

	URL ссылки, на которую наведен курсор 13.01.2016, 18:04. Показов 2063. Ответов 2 Метки ajax, web (Все метки) Ребят, подскажите. Как получить url ссылки, на которую наведен курсор? Суть задачи в том, что необходимо при наведении на ссылку новости в ленте открывать блок с видео. (ссылка на видео будет выбираться из БД, у каждой ссылки на новость есть своя ссылка на видео). 0

@Enough1987 30 / 30 / 29 Регистрация: 11.10.2014 Сообщений: 268
	13.01.2016, 21:15
	Навешать обработчик на боди, событие наведения, у свойства таргет параметра евент проверить тип элемента, если тег и тег а получить значение атрибута ейчреф. 1

Опции темы

URL ссылки, на которую наведен курсор

Решение