Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Задача, вывести от 20 до 1000 кругов

По условиям нужно вывести от 20 до 1000 кругов отрисованных с помощью svg. Цвет, координаты по Х и Y, радиус от 5 до 10 рх генерируется случайно, все эти условия я выполнил, не могу придумать как вывести не 1 а заданное число элементов.
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset = "utf-8">
    <link rel = "stylesheet" href = "style.css">
	<!--<script src = "js.js"></script>-->
  </head>
  
  <body id = "body">
       <div id = "block1">
	     <div id = "block2">
		    <div id = "svg">
				<svg  width = "850" height = "500">
				   <circle id = "bubble" r = 5 cx = "450" cy = "250" fill = "gold" />					
				</svg>
			</div>
                
				<button id = "show_bubble" >Замостить</button>

var showBubble = document.getElementById(show_bubble);	   
	    document.write(showBubble);
	    var numBubbles = numOfBubbles();
	 
	    function numOfBubbles(){       //генерируем количество пузырьков
		   var min = 20;
		   var max = 1000; 
	       for (var i = 0; i < 1  ; i++){
		      randomNumber = Math.floor(Math.random() * (max - min +1)) + min;	   
		      }
		   
		   return randomNumber;
	    
		}

	   for (var i = 0; i < numBubbles; i++){
		var s = display(10);

		function display(theBubbles){
		
		var theBubbles = document.getElementById("bubble");
        var radius = theBubbles.getAttribute("r");
		var color = theBubbles.getAttribute("fill");
	    var axisX = theBubbles.getAttribute("cx");
		var axisY = theBubbles.getAttribute("cy");

		
		var arrColors = ["gold", "green","blue", "crimson", "plum", "lime", "silver", "skyblue"  ];
		
		function randomColor(min, max){ 
	   
		   randomNumber = Math.floor(Math.random() * (max - min +1)) + min;							 
		   return randomNumber;
		                
		}

        function randomWidth(){        // координата по Х
	       var maxX = 850;
		   var minX = 0;
		   randomWidth = Math.floor(Math.random() * (maxX - minX + 1)) + minX;							 
		   return randomWidth;
		                
		}	
        
        function randomHeight(){      // координата по Y
	       var maxY = 600;
		   var minY = 0;
		    randomHeight = Math.floor(Math.random() * (maxY - minY + 1)) + minY;							 
		   return randomHeight;
		                
		}		
		
		
		function generateOfBubbles(){      //генерируем радиус пузырьков				  
	       var min = 5;
		   var max = 10;	   
		      
			  randomNumber = Math.floor(Math.random() * (max - min +1)) + min;
              return randomNumber;							 
		                
		}
		
		var min = 0;
		var max = arrColors.length - 1;
		var numColor = randomColor(min,max);
		theBubbles.setAttribute("fill",arrColors[numColor]);	
		var valWidth = randomWidth();
		theBubbles.setAttribute("cx", valWidth);	
		var valHeight = randomHeight();
		theBubbles.setAttribute("cy", valHeight);
		var valRadius = generateOfBubbles();		
		theBubbles.setAttribute("r", valRadius);
		
    }
	    
	}

</div>
			
	 </div>
  </body>
</html>
Ответ: Спасибо за совет)
Вопрос: Резиновая верстка + адаптив от 1000 пикс до 1920

Можете подсказать пожалуйста? Есть такое условие "Резиновая верстка + адаптив от 1000 пикс до 1920" сам макет шириной 1230px. Как написать стиль css что бы подходило под данное условие? Какие задать
min-width:
max-width:
или просто width?
Ответ:
как раз столкнулся с подобной ерундовиной. помимо всего прочего вам нужно обратить внимание на правило @media
Как примерчик:
@media screen and ( min-width : 1000px) and ( max-width : 1920px) { 
div#content {width:100%;}
}
Вопрос: Добавить блок при наведении на ссылку

Добрый день.Есть определенный текст:
HTML5
1
I want my index.php to be a simple page with [B]LINK[/B] a horizontal list of category names on the top [B]LINK[/B]
Как при наведении на ссылку добавить сразу же после ссылки блок? Из div или span, неважно. Расположение ссылок, по умолчанию - неизвестны.
Спасибо.

Добавлено через 10 минут
Забыл уточнить. Необходимо на jQuery. Нашел что-то вроде:
var test = $('<span />');
Но не работает
Ответ: Спасибо большое, все работает
Вопрос: Можно ли сделать сразу две анимации на одну картинку?

Всем привет!
у меня есть такой код:
Код PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        
        <script type="text/javascript">
        $(document).ready(function (){ 
                $('#Axis').mouseenter( function () {  
                    $('.move-right').stop().animate({right: -1000}, 1000); 
                });
             
                $('#Axis').click( function () { 
                    $('.move-right').stop().animate({right: 0}, 500); 
                });
            });
        </script>
<body>
<div class="Axis">
<img class="move-right" src="http://www.cyberforum.ru/images/sss.jpg">
Можно ли сделать сразу две анимации на одну картинку?
чтобы я например наводил на разные места и срабатывала одна из анимаций.
Ответ: Можно... хоть миллион анимаций.

Добавлено через 4 минуты
Код Javascript
1
2
3
$('С КАКОГО БЛОКА ЛОВИМ СОБЫТИЕ').mouseenter( function () {  
                    $('НАД КАКИМ БЛОКОМ ПРОИЗВОДИМ ДЕЙСТВИЕ').stop().animate({right: -1000}, 1000); 
                });
Добавлено через 1 минуту
Код Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function (){ 
                $('#Axis').mouseenter( function () {  
                    $('.move-right').stop().animate({right: -1000}, 1000); 
                });
             
                $('#Axis').click( function () { 
                    $('.move-right').stop().animate({right: 0}, 500); 
                });
 
               $('#вообще любой блок').click( function () { 
                    $('.move-right').stop().animate({right: 1000}, 500); 
                });
 
                $('#вообще любой блок').click( function () { 
                    $('.move-right').stop().animate({left: -200}, 500); 
                });
 
            });
Добавлено через 21 секунду
И так сколько надо раз

Добавлено через 1 минуту
Одновременно меняем несколько параметров:
Код Javascript
1
2
3
4
5
6
$(document).ready(function (){ 
                $('#Axis').mouseenter( function () {  
                    $('.move-right').stop().animate({right: 100; left: -200}, 1000); 
                });
 
            });
Добавлено через 1 минуту
По очереди меняем свойства блока:
Код Javascript
1
2
3
4
5
6
7
8
$(document).ready(function (){ 
                $('#Axis').mouseenter( function () {  
                    $('.move-right').stop().animate({right: 100;}, 1000); 
                    $('.move-right').stop().animate({left: -200}, 1000);
                    $('.move-right').stop().animate({right: 400;}, 1000);
                });
 
            });
Вопрос: Почему сразу происходи вызов функции

document.addEventListener("DOMContentLoaded",query_send); 
function query_send(){ 
var el = document.querySelector('.inner a');
var url = el.textContent;
el.addEventListener('click',ajax_send(url));
}


так вот функция ajax_send(url) почему то вызывается сразу хотя ей написано вызываться по клику?
И как добавить из скрипта ссылке void javascript(0)

Подскажите пожалуйста, очень нуждаюсь
Ответ:
Сообщение от imedia
так вот функция ajax_send(url) почему то вызывается сразу хотя ей написано вызываться по клику?
Чтобы было по клику нужно сделать так:
el.addEventListener('click', function() {
  ajax_send(url);
});


Сообщение от imedia
И как добавить из скрипта ссылке void javascript(0)
el.href = 'javascript:void(0)';
Вопрос: 1000 уникальных посетителей в день за три месяцы, реально?

Всем привет? Скажите насколько реально достичь 1000 уникальных посетителей в день за три месяца? Возможно ли молодой ресурс прокачать до таких показателе?
Ответ: Светани хоть сайт-то, йоба! Кто ж на него придет, если не знать, куда идти и зачем.
Вопрос: Более 1000 строчек в файлах CSS - это нормально?

Если писать каждое из свойств на отдельной строчке, типа
CSS
1
2
3
left: 200px;
    width: 300px;
    height: 100px;
то у меня суммарно в двух файлах получается уже более 1000 строчек свойств. Как Вы считаете, это не перебор? Сайт-то ведь небольшой пока.
Ответ:
Сообщение от НиколайВасильев
Мне попался больше 17 тыс строк и размерчик больше 1м.
Да уж... это уже даже комментировать не смогу))
Вопрос: Как сделать массив с 1000 слов русского языка

Здравствуйте, возникла необходимость сделать 3 массива с 1000 слов в каждом, слова в каждом массиве разные. Каким образом такое сделать? Вбивать в ручную каждое слово или есть способ сделать это как то по другому?
Ответ:
Сообщение от Padimanskas
будешь моим личным тезарусом
обойдёшься
Вопрос: Как пользоваться прототипами чтобы уметь вот такое $(el).hide(500).delay(1000).show(500)..

Как пользоваться прототипами чтобы уметь вот такое
$(el).hide(500).delay(1000).show(500).множество_обектов().множество_обектов().множество_обектов();
Прототипы понимаю, а вот как JQuery сделал столько вложений?

И также интересно можно ли в PHP аналогично сделать $obj->test1()->test2()->test3()
Ответ: Большое спасибо и поклон до земли. Надежды почти не осталось. Думал никто не знает. Спасибо за помощь и за подсказку "флюент интерфейс, или чейнинг". Простите за хамство, рано сделал выводы.
Вопрос: добавить элемент на карту

Добрый день. Подскажите, пожалуйста: вывожу на экран карту яндекс
<div id="map"> </div>

в js определяю переменную myMap
var myMap = new ymaps.Map('map', {
                    center: [50.3443, 30.5025],
                    zoom: 14
                });

В ходе работы программы хочу добавить элемент на карту
myMap.geoObjects.add(polyline);

разумеется ошибка: переменная myMap не определена.
Подскажите каким образом получить доступ к myMap ? Делаю так:
myMap = document.getElementById('map'); - ошибка. Почему ? Как обратиться к карте что бы добавить элемент ?
Ответ: Скорее всего карта яндекса находится в теге
<iframe>

Это специальный тег, внутрь которого не пробиться, хоть к элементу, хоть у функции js.
Даже глобальным переменным не удаётся выбраться за пределы фрейма, а Вы хотите вызвать целую функцию, задав ей ещё и параметр.

Совет вам на будущее, прежде чем что-то кому-то назначать, попробуйте просто вызвать этот элемент в консоле. Наверняка вы делаете это в хроме, а хром вам сразу всё выводит, либо говорит что такого элемента не существует.
И тогда фраза:
Сообщение от TomTykver
myMap = document.getElementById('map'); - ошибка. Почему ?
Приобретает куда более глубокий смысл: document.getElementById('map') - не найден, Почему?
А ответ напрашивается сам, так как такого элемента нет на странице. А объяснение этого факта заключается в том что всё что находиться внутри тега <iframe> не является частью страницы, а являются отдельной страницей подгружаемой извне.