Форум PHP программистов > отрисовка в браузере

[ Поиск ] - [ Пользователи ] - [ Календарь ]

yintar

22.04.2014 - 16:28

Здравствуйте все!
Вопрос конечно не совсем касается php ,но знающим людям просьба помочь
есть стандартный тег для отрисовки окружности с заданными координатами cx , cy и радиусом r
<circle class="circle" cx="550" cy="30" r="15" fill="rgb(134,234,234)"/>

Вопрос можно ли в javascript передать динамически эти параметры и если можно подскажите как это правильно написать.
Спасибо

Zzepish

22.04.2014 - 16:37

yintar
jquery, смотри .attr()

yintar

22.04.2014 - 16:46

я смотрел attr,но не понял как его здесь применить

Zzepish

22.04.2014 - 16:49

yintar
$('circle.circle').attr("cx");
$('circle.circle').attr("cy");
$('circle.circle').attr("r");
$('circle.circle').attr("fill");

AllesKlar

22.04.2014 - 16:52

Вот и вырoсло поколение jQuer-щиков...
Напоминает битвы ассемблеровщиков с прочими неверными в прошлом :)

var mycircle = document.getElementById('mycircle');
var attr = mycircle.getAttribute('cx');
mycircle.setAttribute('cx', 10);

3 строчки, вместо 200кб jQuery

_____________
[продано копирайтерам]

Zzepish

22.04.2014 - 16:57

AllesKlar
я не люблю сам js. Но использование jquery делает его вменяемым

sergeiss

22.04.2014 - 16:59

Цитата (yintar @ 22.04.2014 - 16:28)

Вопрос можно ли в javascript передать динамически эти параметры и если можно подскажите как это правильно написать.

Динамически передать - это как, с сервера? Если да, то можно целиком сформировать объект, вместе со всеми аттрибутами. Прямо на сервере сформировать и передать. А можно и отдельно атрибуты передать, а в JS сформировать и создать объект.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

yintar

22.04.2014 - 17:16

sergeiss

  function Relation(x1, y1, x2, y2) {
                this.x1 = x1;
                this.x2 = x2;
                this.y1 = y1;
                this.y2 = y2;
                return this;
            }

            function Node(nx, ny, nradius, nrx1, nry1, nrx2, nry2) {
                this.x = nx;
                this.y = ny;
                this.radius = nradius;
                this.relation = new Relation(nrx1, nry1, nrx2, nry2);
                this.draw = DrawNode;
                this.dravRelation = DrawRelation;
                return this;
            }

 function DrawNode()
            {

                $('#rootNode').append("<svg> <circle class='circle' cx='cx' cy='30' r='15' fill='rgb(134,234,234)'/></svg>");
            }

Мне надо в тег circle в сx ,cy ,r передать значения которые допустим вводит пользователь

AllesKlar

22.04.2014 - 17:36

yintar
Раз jquery уже там.. то...
html

Координата Х центра <input type='text' id='cx'>
Координата Y центра <input type='text' id='cy'>
Радиус <input type='text' id='r'>



function DrawNode()
{
     var cx = $('#cx').val();
     var cy = $('#cx').val();
     var r = $('#r').val();
     $('#rootNode').append("<svg> <circle class='circle' cx='"+cx"' cy='"+cy+"' r='"+r+"' fill='rgb(134,234,234)'/></svg>");
}

// проверки на корректность ввода значений опущены

_____________
[продано копирайтерам]

yintar

22.04.2014 - 17:43

Спасибо ,а что там не так с синтаксисом?

yintar

22.04.2014 - 17:45

Спасибо AllesKlar,а что там не так с синтаксисом?

AllesKlar

22.04.2014 - 17:57

Цитата (yintar @ 22.04.2014 - 17:45)

Спасибо AllesKlar,а что там не так с синтаксисом?

Если яправильно понял вопрос:

Все данные, вводимые пользователем, необходимо проверять на коректность (валидировать)

В данном случае, ты ожидаешь численные значения больше нуля.
Но ведь можно ввести и отрицательные значения, а можно вообще буквы. Даже слова можно

Вот тут ты и должен, прежде чем пытаться отрисовать окружность, проверить входящие данные, и если там не число или число меньше нуля, вежлево сказать пользователю, что он в корне не прав

Если я не правильно понял вопрос:

о каком синтаксисе идет речь?

_____________
[продано копирайтерам]

sergeiss

22.04.2014 - 17:59

Цитата (yintar @ 22.04.2014 - 17:45)

а что там не так с синтаксисом

Сравни код твой (я его в тэги заключил, чтобы подсветка включилась) и измененный.

Ты просто прописывал текстовые строки, но не величины переменных.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Быстрый ответ:

Здесь расположена полная версия этой страницы.