Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Javascript how to move the canvas element on sinusoid?

A
Amritpal last edited by

Hi, I'm interested in the question, like a circle painted in the canvas to make a move on the sinusoid trajectory.
More grateful.
Reply Quote 0
1 Reply Last reply
P
Pearlaqua last edited by
1. Ask the basic coordinates x, my circle.
2. Timer shift x by formula x1 = x + dx♪ y by formula y1 = y + sin(x-x1) * sy (dx is a shift step, sy is a competitor at height to make the shift feel).
I think you understand the idea, and you'll be able to draw a circle, and you'll get over it.
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

How do you move all the elements?
Software Programming • javascript web programming • • Bogopo

2

0
Votes

2
Posts

0
Views

First, getElementsByTagName returns a set of elements, and second, better use left-padding. of which:var e = document.getElementsByTagName("body")[0]; e.style.paddingLeft = e.style.paddingLeft+40;
D

How can I move an element from an ArrayList to the last element?
Software Programming • java list arraylist c languageollec languaget • • derk

2

0
Votes

2
Posts

0
Views

Yes, it is to exchange the elements.public static <E> void swap(List<E> list, int idx1, int idx2){ E aux = list.get(idx1); list.set(idx1, list.get(idx2)); list.set(idx2, aux); } To change 2 with 4 you would writeswap(list, 1, list.size() - 1);
O

Run an array and verify with true if all the elements are equal or false if a different element is found, with Javascript
Software Programming • javascript array func languagetion • • Oba22

2

0
Votes

2
Posts

0
Views

You can make validation using every.The method every() test if all the elements of the matrix pass proof implemented by the function provided. Returns a value Boolean.let arregloNuevo = [1, 1, 1, 1, 1] let arregloFalso = [1, 1, 1, 4, 5] const todoIgual = arr => arr.every(v => v === arr[0]); console.log(todoIgual(arregloNuevo)); // true console.log(todoIgual(arregloFalso)); // false
A

Help me find a mistake in the withdrawal of the dates through JavaScript.
Software Programming • javascript • • Anderson

2

0
Votes

2
Posts

0
Views

The error was in an unspecified transformation of the types. Modified month_check She was a string type. And in performance response = new Date(Year, (month_check + 1), 0).getDate(); It wasn't what you expected. Something like that. response = new Date(2020, '21', 0).getDate();When month_check = '2'♪jQuery(document).ready(function() { Data = new Date(); Year = Data.getFullYear(); Month = Data.getMonth(); Day = Data.getDate(); var arr_month = [ 'Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь', ]; var elem = document.getElementById('scrollbar1'); for (i = 0; i < 12; i++) { var new_month = new Date(Year, Month + i, Day).getMonth(); var label = document.createElement('label'); label.className = 'item01'; label.name = ('item01_label_name'); $(label).attr('id', 'item01_label'); var snap = document.createElement('span'); snap.className = 'item01_snap'; snap.innerText = arr_month[new_month]; var inp = document.createElement('input'); inp.setAttribute('type', 'radio'); inp.value = new_month; $(inp).attr('id', 'item01_radio'); inp.name = ('item01_radio'); $(inp).attr('required', true); label.appendChild(snap); label.appendChild(inp); elem.appendChild(label); } $('input:radio[name="item01_radio"]').change(function() { $('input:radio[name="item01_radio"]').parent().removeClass('label_main_selected'); $('input:radio[name="item01_radio"]:checked').parent().toggleClass('label_main_selected'); // вот тут ошибка month_check - имела строковое значение текущего месяца var month_check = +$('input:radio[name="item01_radio"]:checked').val(); if (month_check == Month) { var days = new Date(Year, (Data.getMonth() + 1), 0).getDate(); var days_remained = days - Day; response = days_remained; } else { response = new Date(Year, (month_check + 1), 0).getDate(); } document.getElementById('scrollbar2').innerHTML = ""; var elem = document.getElementById('scrollbar2'); console.log(response); for (i = 1; i < response + 1; i++) { if (month_check == Month) { new_date = new Date(Year, Data.getMonth(), Day + i).getDate(); full_date = new Date(Year, Data.getMonth(), Day + i); } else { new_date = new Date(Year, month_check, i).getDate(); full_date = new Date(Year, month_check, i); } var label = document.createElement('label'); label.className = 'item11'; label.name = ('item11_label_name'); $(label).attr('id', 'item11_label'); var snap = document.createElement('snap'); snap.className = 'item11_snap'; snap.innerText = new_date; var inp = document.createElement('input'); inp.setAttribute('type', 'radio'); inp.value = full_date; $(inp).attr('id', 'item11_radio'); inp.name = ('item11_radio'); $(inp).attr('required', true); label.appendChild(snap); label.appendChild(inp); elem.appendChild(label); } }); });<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <main> <div class="grid_container"> <div class="wrapper"> <div class="item0" id="scrollbar1"> </div> <div class="item1" id="scrollbar2"> </div> </div> </div> </main>
M

Fill table with Select mysql
Software Programming • javascript php mysql • • magpie

2

0
Votes

2
Posts

0
Views

G

First of all, your consultation has security issues, try using something like that.$sth = $dbh->prepare(' SELECT * FROM atencion WHERE rutMedico= :rut LIMIT 1 '); $sth->bindParam(':ruta', $ruta); $sth->execute(); $records= $sth->fetch(PDO::FETCH_OBJ);
T

I don't understand how to put value through the cycle into the input.
Software Programming • javascript • • terrea

2

0
Votes

2
Posts

0
Views

R

let input_13 = document.querySelectorAll('.i-13'); function t13() { for (let i = 0; i < input_13.length; i++){ input_13[i].value = i + 1; } //for (let i = 1; i <= input_13.length; i++){ // input_13[i - 1].value = i; //} } document.querySelector('.b-13').onclick = t13;<div class="form-control"> <label>Input i-13</label> <input type="text" placeholder="Enter some info" class="i-13"> </div> <div class="form-control"> <label>Input i-13</label> <input type="text" placeholder="Enter some info" class="i-13"> </div> <div class="form-control"> <label>Input i-13</label> <input type="text" placeholder="Enter some info" class="i-13"> </div> <button class="b-13">b-13</button>
G

Move elements from a stack
Software Programming • python spyder pilas • • gionna

2

0
Votes

2
Posts

0
Views

N

You start your method very badly:self._head = None self._last = None nuevo = Nodo(x) First assigns None a self._head and self._lastThat leaves the list completely useless as it stops being able to travel. In addition, you create a new instance of NodoWhen what you need is not to create a Node, but just move it from place.The sequence would be:To the last current node to list, whose attribute next It will be None, we assign as the value of the attribute a reference to the first node of the list (the one to move)We make the last node on the list be the one that is now the first, assigning to self._last the node that points to now self._head.It only remains to be assigned to self.head the one that used to be the second node on the list, self._head.next. def final(self): if self._size < 2: return self._last.next = self._last = self._head self._head = self._head.next self._last.next = None The method girar It's trivial, you just need a cycle that itere n times and in every iteration call self.final: def girar(self, numero): for _ in range(numero): self.final() Class with aggregate methods, in addition to the implementation of __str__ to facilitate the display of the contents of the list:class Node: def __init__(self, value, next=None): self.value = value self.next = next class LinkedQueue: def init(self): self._head = None self._last = None self._size = 0 def enqueue(self,value): newnode = Node(value) if self._head is None: self._head = newnode else: self._last.next = newnode self._last = newnode self._size += 1 def dequeue(self): if self.isEmpty(): raise IndexError("dequeue from empty queue") returned = self._head.value self._head = self._head.next if self._head is None: self._last = None self._size -= 1 return returned def final(self): if self._size < 2: return self._last.next = self._last = self._head self._head = self._head.next self._last.next = None def girar(self, numero): for _ in range(numero): self.final() def __str__(self): values = [] node = self._head for _ in range(self._size): values.append(str(node.value)) node = node.next return f'[{" <- ".join(values)}]' >>> que = LinkedQueue() >>> que.enqueue(1) >>> que.enqueue(2) >>> que.enqueue(3) >>> que.enqueue(4) >>> print(que) [1 <- 2 <- 3 <- 4] >>> que.final() >>> print(que) [2 <- 3 <- 4 <- 1] >>> que.girar(2) >>> print(que) [4 <- 1 <- 2 <- 3]
K

Alert Message with due dates in PHP
Software Programming • javascript php mysql jquery ajax • • Kadyn

2

0
Votes

2
Posts

0
Views

A

You can use https://www.php.net/manual/es/datetime.diff.php to calculate the difference in days ( https://www.php.net/manual/es/dateinterval.format.php between 2 dates. Once you get that data, you can build logic as you prefer.All dates are calculated as if they were "00:00 hs".Example:$fecha_actual = new DateTime(date('Y-m-d')); while ($row=mysqli_fetch_array($result)) { echo "<td class='text-center'>".$row['fecha_inicio']."</td>"; echo "<td class='text-center'>".$row['fecha_final']."</td>"; $fecha_final = new DateTime($row['fecha_final']); $dias = $fecha_actual->diff($fecha_final)->format('%r%a'); // Si la fecha final es igual a la fecha actual o anterior if ($dias <= 0) { echo '<td>Mantenimiento vencido</td>'; } elseif ($dias <= 2) { echo '<td>Está a ' . $dias . ' días de vencer</td>'; } else { echo '<td></td>'; } echo "</tr>"; }
K

RxJS: What's observed sequence?
Software Programming • javascript rxjs direct programming • • kalena

2

0
Votes

2
Posts

0
Views

C

A little awkward code in your AppComponent ngOnInit is used at httpService, even though you transfer userService to the designer: UserServiceinitialization of the AppComponent componentAt this point, the method of gettingUsers() at the UserService service and the AppComponent component shall be signed to the result of the call UserService.getUsers;The way getUsers() at the UserService service returns Observable Observable -- and now we want to see it, it's signed by a method of subscriber.The challenge to userService.getUsers occurs in a separate flow, which means that the AppComponent does not stop and move on;No, the call of UserService.getUsers has already occurred in the last paragraph and has returned us Observable Observable. We just signed on to him (maybe we gave him the collbeck) and the code goes on immediately. We're not interested in Observable anymore, because we're gonna get the data in the bell that we've transferred to subscribe.Under the subscription to the userService.getUsers component of AppComponent, I understand - after the call, you're pointing out a function with one parameter that needs to be delivered as a parameter to the result of the UserService.getUsers.No, the subscription has to hand over the function that takes the User, because our Observable Observable Observable provides us with the data we need.♪ ♪ ♪Is everything right?Yeah, there's a "observed object" being created from the events of the clicks that can be signed, and every time the click is called a collback.
K

Change text color and background color
Software Programming • javascript • • Kadyn

2

0
Votes

2
Posts

0
Views

R

Make these 2 changes to make your code work:Get the label h5 by means of a querySelector, since you are not selecting it and therefore it is impossible to apply the color chosenCorrect the CSS property you try to modify because you placed it C in capital and must be like this: colorYour code should only be modified in the following line and remain as follows:document.querySelector("h5").style.color=selectValue; UpdateIf you want to apply this behavior to multiple elements, you can select them using your label, class or id with the method querySelectorAll() going separated by commas each of the values in this way: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Ejemplo</title> </head> <body> <h1>Hola</h1> <h2>Hola 1</h2> <h3>Hola 2</h3> <script> let titulos = document.querySelectorAll("h1, h2, h3") titulos.forEach((elemento) => { console.log(elemento.innerText) }) </script> </body> </html>In this snippet, I show you how to obtain at the same time several title tags, then as I get a list of nodes then I must go through them with a forEach and for example command to print innerText that will show me the text contained in each of them.
Z

$.post from JQuery does not send me data to php
Software Programming • javascript php • • zymir

2

0
Votes

2
Posts

0
Views

A

You need to add the library jQuery or are loading it after your main script:<script src = "https://code.jquery.com/jquery-3.5.1.js"></script> <script src = "mainScript.js"></script>
Y

"3d" slick slider
Software Programming • javascript cs slider slick.js carousel • • yajahira

2

0
Votes

2
Posts

0
Views

J

Hey! I know you asked a question a long time ago. But I've been messing with it the other day, and I've found an acceptable solution, of course, to finish my drinks, but I've got a cash work, so I copy.var rev = $('.rev_slider'); rev.on('init', function(event, slick, currentSlide) { var cur = $(slick.$slides[slick.currentSlide]), next = cur.next(), prev = cur.prev(); prev.addClass('slick-sprev'); next.addClass('slick-snext'); cur.removeClass('slick-snext').removeClass('slick-sprev'); slick.$prev = prev; slick.$next = next; }).on('beforeChange', function(event, slick, currentSlide, nextSlide) { console.log('beforeChange'); var cur = $(slick.$slides[nextSlide]); console.log(slick.$prev, slick.$next); slick.$prev.removeClass('slick-sprev'); slick.$next.removeClass('slick-snext'); next = cur.next(), prev = cur.prev(); prev.prev(); prev.next(); prev.addClass('slick-sprev'); next.addClass('slick-snext'); slick.$prev = prev; slick.$next = next; cur.removeClass('slick-next').removeClass('slick-sprev'); }); rev.slick({ speed: 1000, arrows: true, dots: false, focusOnSelect: true, prevArrow: '<button> prev</button>', nextArrow: '<button> next</button>', infinite: true, centerMode: true, slidesPerRow: 1, slidesToShow: 1, slidesToScroll: 1, centerPadding: '0', swipe: true, customPaging: function(slider, i) { return ''; }, /infinite: false,/ });.container { width: 900px; margin: 0 auto; max-width: 80%; } .slick-slider { margin-left: -12%; margin-right: -12%; } .slick-list { padding-top: 10%!important; padding-bottom: 10%!important; padding-left: 15%!important; padding-right: 15%!important; } .slick-dots { text-align: right; position: absolute; bottom: 0; left: 0; right: 0; } .slick-track { max-width: 100%!important; transform: translate3d(0, 0, 0)!important; perspective: 100px; } .slick-slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; width: 100%!important; transform: translate3d(0, 0, 0); transition: transform 1s, opacity 1s; } .slick-snext, .slick-sprev { display: block; } .slick-current { opacity: 1; position: relative; display: block; transform: translate3d(0, 0, 20px); z-index: 2; } .slick-snext { opacity: 1; transform: translate3d(20%, 0, 0px); z-index: 1; } .slick-sprev { opacity: 1; transform: translate3d(-20%, 0, 0px); } .test { display: block; width: 100%; height: 300px; background: #c00; box-shadow: inset 0px 0px 0px 3px #000 }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> <div class="container"> <div class="rev_slider"> <div class="rev_slide"> <div class="test"></div> </div> <div class="rev_slide"> <div class="test"></div> </div> <div class="rev_slide"> <div class="test"></div> </div> <div class="rev_slide"> <div class="test"></div> </div> <div class="rev_slide"> <div class="test"></div> </div> <div class="rev_slide"> <div class="test"></div> </div> <div class="rev_slide"> <div class="test"></div> </div> <div class="rev_slide"> <div class="test"></div> </div> <div class="rev_slide"> <div class="test"></div> </div> </div> </div>
J

Add css transition to div on Flexslider
Software Programming • javascript jquery css css3 flexslider • • jonetta

2

0
Votes

2
Posts

0
Views

I don't know any slider plugin that offers this effect natively, but what can be done is create effects on your page's own css.I usually use the plugin https://daneden.github.io/animate.css/ to streamline the development of this type of effect. With it you can create various forms of transitions.
C

How do you move XML elements in the cycle?
Software Programming • oracle xml plsql xpath • • chanisef

2

0
Votes

2
Posts

0
Views

D

You can use your functions. https://docs.oracle.com/cd/B19306_01/server.102/b14200/functions226.htm or https://docs.oracle.com/cd/B19306_01/server.102/b14200/functions228.htm#CIHGGHFB ♪ For example, all values e In separate lines from your document, such a request may be made:select extractvalue(value(E),'e') from table(XMLSequence(extract(xml, '//e'))) E Several levels can be made, selecting individual elements d and then obtaining some of them, turning xml into a reference table. The same set of values is produced as follows:select value(D).getStringVal() d_text, extractvalue(value(E),'e') e from table(XMLSequence(extract(xml, '//d'))) D, table(XMLSequence(extract(value(D), '//e'))) E In this case, we get the elements. dwe can see the whole element or select any other specifics of this knot. Also, by adding to another xmlsequence the elements of the chosen node have already been turned.If you want to work with this inside of the procedure, you can write example:FOR node IN (select value(D) d from table(XMLSequence(extract(xml, '//d'))) D) LOOP что то делаем с node.D END LOOP; Also for the procedural style on the Internet, they found such structures:declare xml XMLType := XMLType('<b><a>1</a><a>2</a><a>3</a><a>1</a><a>2</a><a>3</a>'|| '<a>1</a><a>2</a><a>3</a><a>1</a><a>2</a><a>3</a><a>1</a><a>2</a><a>3</a></b>'); x dbms_xmldom.DOMNodeList; node dbms_xmldom.DOMNode; value varchar2(32000); i pls_integer; begin x := dbms_xmldom.getChildNodes(dbms_xmldom.getNodeFromFragment(xml.extract('//a'))); for i in 0..dbms_xmldom.getLength(x)-1 loop node := dbms_xmldom.getFirstChild(dbms_xmldom.item(x, i)); value := dbms_xmldom.getNodeValue(node); end loop; end; They say they're working faster on the request. Example http://www.sql.ru/forum/615648/xmlsequence-bez-ispolzovaniya-sql
J

javaScript / map - add an element of the site
Software Programming • javascript • • juvenalb

2

0
Votes

2
Posts

0
Views

C

There you go (but the use of the two cycles introduced is not effective):void (i1.newObj ||= []).push({exp1: i2.example1, exp2: i2.example2}) PS: And for the names of the variables and the fields of your hands.

Javascript how to move the canvas element on sinusoid?

Suggested Topics

How do you move all the elements? Software Programming • javascript web programming • • Bogopo

How can I move an element from an ArrayList to the last element? Software Programming • java list arraylist c languageollec languaget • • derk

Run an array and verify with true if all the elements are equal or false if a different element is found, with Javascript Software Programming • javascript array func languagetion • • Oba22

Help me find a mistake in the withdrawal of the dates through JavaScript. Software Programming • javascript • • Anderson

Fill table with Select mysql Software Programming • javascript php mysql • • magpie

I don't understand how to put value through the cycle into the input. Software Programming • javascript • • terrea

Move elements from a stack Software Programming • python spyder pilas • • gionna

Alert Message with due dates in PHP Software Programming • javascript php mysql jquery ajax • • Kadyn

RxJS: What's observed sequence? Software Programming • javascript rxjs direct programming • • kalena

Change text color and background color Software Programming • javascript • • Kadyn

$.post from JQuery does not send me data to php Software Programming • javascript php • • zymir

"3d" slick slider Software Programming • javascript cs slider slick.js carousel • • yajahira

Add css transition to div on Flexslider Software Programming • javascript jquery css css3 flexslider • • jonetta

How do you move XML elements in the cycle? Software Programming • oracle xml plsql xpath • • chanisef

javaScript / map - add an element of the site Software Programming • javascript • • juvenalb

How do you move all the elements?
Software Programming • javascript web programming • • Bogopo

How can I move an element from an ArrayList to the last element?
Software Programming • java list arraylist c languageollec languaget • • derk

Run an array and verify with true if all the elements are equal or false if a different element is found, with Javascript
Software Programming • javascript array func languagetion • • Oba22

Help me find a mistake in the withdrawal of the dates through JavaScript.
Software Programming • javascript • • Anderson

Fill table with Select mysql
Software Programming • javascript php mysql • • magpie

I don't understand how to put value through the cycle into the input.
Software Programming • javascript • • terrea

Move elements from a stack
Software Programming • python spyder pilas • • gionna

Alert Message with due dates in PHP
Software Programming • javascript php mysql jquery ajax • • Kadyn

RxJS: What's observed sequence?
Software Programming • javascript rxjs direct programming • • kalena

Change text color and background color
Software Programming • javascript • • Kadyn

$.post from JQuery does not send me data to php
Software Programming • javascript php • • zymir

"3d" slick slider
Software Programming • javascript cs slider slick.js carousel • • yajahira

Add css transition to div on Flexslider
Software Programming • javascript jquery css css3 flexslider • • jonetta

How do you move XML elements in the cycle?
Software Programming • oracle xml plsql xpath • • chanisef

javaScript / map - add an element of the site
Software Programming • javascript • • juvenalb