Форум

ild · #1 (**permalink**) 08.12.2013, 21:36

В редакторе если есть

<a class="aild" href="http://javascript.ru/"><img src="http://javascript.ru/q1.png" name="imgild" class="imgild" /></a>

Хочу открыть на него диалоговое окно двойным кликом:

editor.on( 'doubleclick', function( evt )
                {
                    
                    var element = evt.data.element;
                    alert(element.getName());

                } );

Двойной клик к сожалению возвращает 'img', а не 'a'
Что можно сделать?

danik.js · #2 (**permalink**) 09.12.2013, 12:55

Сообщение от ild

Двойной клик к сожалению возвращает 'img', а не 'a'

И что из этого следует?

ild · #3 (**permalink**) 11.12.2013, 10:01

хз

).

Но как тогда из

<a class="aild" href="http://javascript.ru/"><img src="http://javascript.ru/q1.png" name="imgild" class="imgild" /></a>

получить любые параметры?

Пока знаю:
element.getAttribute( "href" ) - возвращает http://javascript.ru/
element.getAttribute( "class" ) - возвращает alid
element.getName() - возвращает a

А как все остальное получить, допустим всю строку целиком, атрибуты дочернего тега img и т.д.

danik.js · #4 (**permalink**) 11.12.2013, 10:10

Может element.getFirstChild() ? или element.getChildNodes()[0]

ild · #5 (**permalink**) 11.12.2013, 10:19

Просто alert(element) выводить [object Object]

А element.getFirstChild() и element.getChildNodes()[0] вроде останавливают выполнение js.

ksa · #6 (**permalink**) 11.12.2013, 10:39

Сообщение от ild

А как все остальное получить, допустим всю строку целиком, атрибуты дочернего тега img и т.д.

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function () {
	$('a').click(function (){
		alert(this.childNodes[0].src);
	});
});
</script>
</head>
<body>
<a class="aild" href="http://javascript.ru/"><img src="http://javascript.ru/q1.png" name="imgild" class="imgild" /></a>
</body>
</html>

danik.js · #7 (**permalink**) 11.12.2013, 11:58

ksa, мы тут вобще-то про ckeditor лялякаем.
ild, лезь в документацию, там по любому есть описание методов.
Или проще: поставь точку останова в обработчике события, и посмотри какие методы и свойства имеет element. Ищи че-то связанное с child/children

ksa · #8 (**permalink**) 11.12.2013, 13:41

Сообщение от danik.js

мы тут вобще-то про ckeditor лялякаем

Ну вот...

ild · #9 (**permalink**) 11.12.2013, 22:16

Сообщение от danik.js

и посмотри какие методы и свойства

Спасибо. Я не знал, что можно посмотреть все. А ответ был
console.log(element.getChild(0).getName());

Форум

Справочник

Discord чат

Курсы javascript