Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 25.05.2014, 15:11   #1
Illusiony
Форумчанин
 
Регистрация: 17.02.2014
Сообщений: 881
По умолчанию Никак не могу добиться какой либо динамической анимации

Вот код:
Код:
<!DOCTYPE html>
    <head>
        <!--we include library here:-->
        <script type="text/javascript" src="jCanvaScript.1.5.18.js"> </script>
		<script type="text/javascript" src="jquery-1.11.0.js"></script>
		<script type="text/javascript" src="atom-full-compiled_.js"></script>
		<script type="text/javascript" src="jquery.transform2d.js"></script>
		
        <!--and here is our code:-->
        
    <head>
	<!--<body style="color:Yellow; background-color:#c0c0c0" onLoad="javascript:onload();"> -->
   <body >
   <a href="http://github.com/louisremi/jquery.transform.js">
   <!--<embed-->
   <object type="image/svg+xml" data="5.svg" id="svg1"> </object>
   <script type="text/javascript">
   jQuery(window).load(function () { // Нам нужно дождаться, пока вся графика (и наша карта тоже) загрузится, поэтому используем window.onload,
  var svgobject = document.getElementById('svg1'); // Находим тег <object>
  if ('contentDocument' in svgobject) {              // У нас действительно там что-то есть?
    var svgdom = jQuery(svgobject.contentDocument);  // Получаем доступ к объектной модели SVG-файла
    // Теперь делаем свою работу, например:
    jQuery("#rect3777", svgdom).attr("stroke", "red");  // Находим тег с id="figure1" в SVG DOM и заливаем его красным
	 jQuery("#text2", svgdom).attr("fill", "red").attr("x", "50").attr("y", "50"); // Находим тег с id="figure1" в SVG DOM и заливаем его красным
	// $("#text2", svgdom).transform({rotate: 45});
	// $('.svg1').click(function() {
   // $(this).transform({rotate: 45});
 // jQuery("#text2").fadeIn("slow");
 //  $("#svg1").animate({width: "90%"}, 350, function()
//{alert ("The animation has finished running.");});
//$("#svg1").hide();

}

//$('.svg1').click(function() {

   // $(this).animate({rotate: 45});
	//});
//	$(".svg1").fadeIn("slow");
//$( "#svg1" ).animate({
// Свойства и значения CSS
//}, 5000, "linear", function() {
 // Обработка завершения анимации
//});
});
$('#svg1').click(function() {
    $(this).hide();
});	

</script>
	<!--<iframe src="5.svg" width="400" height="400"
	type="image/svg+xml" name="Моя SVG картинка"
	pluginspage="http://www.adobe.com/svg/viewer/install/main.html"
	wmode="transparent"
	id="svg1">-->
	<form id = "test">
	<input type="text" id="newMsgs" value='значение' size="40">
	

	<script type="text/javascript">
	//var svg = document.getElementById("svg1").contentDocument.documentElement;
	//svg.width="1000";
	/*
		atom.ajax({
					type   : 'json',
					method : 'get',
					url    : 'www.test1.ru/ajax.php',
					data   : { 'hello': 'world' },
					cache  : true,
					onLoad : function (json) {
						atom.log(json);
					},
					onError: function () {
						atom.log('error');
					}
				});
	*/			
	
//document.getElementByld('test').scrollTop=50;
//window.scrollBy(200,200);
//scrollTo(1000, 500);
//window.scrollTo(0,0);
	


	
	</script>

	
    </body>
    </html>
Куча мусора , но все же.
Имеется внешний SVG - 5.svg
Удается менять атрибуты SVG, но динамически кликая по нему ничего не работает!
Пересмотрел много материалов, толку мало. Ошибок никаких нету и никакой реакции на клик, либо динамической анимации нету.

Код:
$("#svg1").hide();
работает, а

Код:
$('#svg1').click(function() {
    $(this).hide();
});
нет.

Последний раз редактировалось Illusiony; 25.05.2014 в 15:22.
Illusiony вне форума Ответить с цитированием
Старый 25.05.2014, 16:08   #2
Illusiony
Форумчанин
 
Регистрация: 17.02.2014
Сообщений: 881
По умолчанию

Или может быть дайте ссылку на готовый пример jquery анимации над SVG рисунками
Illusiony вне форума Ответить с цитированием
Старый 26.05.2014, 12:40   #3
MaTBeu
Eclipse Foundation
Старожил
 
Аватар для MaTBeu
 
Регистрация: 19.09.2007
Сообщений: 2,619
По умолчанию

Запишите свой пример где-нибудь вроде Codepen.io или JSfiddle.net - и будем, так сказать, разбираться, отлаживать ваши наработки.
MaTBeu вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Куда поступать, не могу определится, либо "Информационная безопасность" либо "Информатика и информационные технологии" St1K Помощь студентам 15 27.07.2012 23:17
Pascal. Любо построить график, либо воспроизвести анимацию, либо программу для редактирования анимации bchouse1 Помощь студентам 0 03.04.2012 20:33
БИЗВЛЕЧЬ не могу добиться извлечения значения во 2-й и последующих строках alexabv Microsoft Office Excel 2 09.11.2011 08:58
составить какой либо запрос ArtemRTF42 SQL, базы данных 0 24.05.2011 18:09
Не могу всё никак не могу эту лабораторку сдать помогите плиз Dimon.ru Паскаль, Turbo Pascal, PascalABC.NET 2 16.06.2009 20:53