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).

How do you make the page slide all the slides and when the slide is changed, a new slide puts a shadow on the old one?

C
Cleofas last edited by

How do you make the page slide all the slides and when the slide is changed, a new slide puts a shadow on the old one?
Here's the video that should look like animation of slides in the transition. https://youtu.be/qbpiDaykgII
Reply Quote 0
1 Reply Last reply
S
simrah last edited by

It is not clear what you mean specifically, write more specific and detailed questions. If I understand correctly, there's a lot of an example here for your option-- http://tympanus.net/Development/PageTransitions/
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

A

HTML pages: fill in form and make these data appear on a 2nd page both HTML, but how?
Software Programming • javascript html front end • • Amritpal

2

0
Votes

2
Posts

0
Views

You can use localStorage or sessionStorage API https://developer.mozilla.org/pt-BR/docs/Web/API/Web_Storage_API_pt_br To do this just filter your form by saving the data "required" and store in JSON on the "Next" page just check if the entry exists and recovers it.example: (page 1) <form id="first-form" accept-charset="utf-8"> <input id="first-name" type="text" required> <input id="last-name" type="text" required> <input id="cpf" type="text" required> <input id="tel" type="tel" required> <input id="mail" type="email" required> <input type="submit" value="save"> </form> <script> // get form var form = document.getElementById('first-form') if ( !!form ) { // event form.addEventListener('submit', function(evt){ // get entires let object = {} object.name = document.getElementById('first-name').val; object.lastname = document.getElementById('last-name').val; object.cpf = document.getElementById('cpf').val; object.tel = document.getElementById('tel').val; object.mail = document.getElementById('mail').val // save to storage (local or session) localStorage.setItem('YOUR_ID_FOR_THIS_FORM', JSON.stringify(object)); }, false); } </script> After saving you can redirect, warn that has been completed, etc...In a "new" page you should check if the entry exists and if there is a data recovery.example: (page 2) <script> // check if ( localStorage.getItem('YOUR_ID_FOR_THIS_FORM') ) { // parse (transforme a string para um objeto javascript) let object = JSON.parse(localStorage.getItem('YOUR_ID_FOR_THIS_FORM')); // use... } </script> Squeeze from this point you can use all the saved entries in the object... It is worth reselling the need to create your own validation so that the content saved on the first page is not null or different from the purpose.
How to change the contents of the header for one page
Software Programming • php wordpress • • briley

2

0
Votes

2
Posts

0
Views

Y

Create the file. header-example.php♪ In the box. single.php Write get_header('example');After that, on the page single.php I'll show you the header-example.Details of the Code https://codex.wordpress.org/%D0%A2%D0%B5%D0%B3%D0%B8_%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2/get_header
Z

How do we make sure that when we put mice on one block, it faded smoothly, and the other block floated?
Software Programming • javascript html jquery cs • • zymir

2

0
Votes

2
Posts

0
Views

A

Give two blocks idid, and each, through jquery, when it comes to one, put opacity:0 for another, and vice versa.$('#div1').hover(() => { $('#div2').css('opacity','0'); });
Z

One reloading of the page
Software Programming • javascript • • zymir

2

0
Votes

2
Posts

0
Views

K

You're not just messing with the keys, but you're in the algorithm of the decision. You need to try to get the key. reload from the current sessionsessionStorage) If it's important, don't do anything. If not, record the significance in the session and update the page.The code for these purposes should look as follows.var reload = sessionStorage.getItem('reload'); if(!reload){ sessionStorage.setItem('reload', 1); window.location.reload(); }
T

How do you make that page?
Software Programming • jquery web programming jquery ui interface • • Trenton

2

0
Votes

2
Posts

0
Views

D

Learn to use the firebag! Open the page, open the firebag and look at the gheade gate for starters. There's a long list of flames.<script src="/js/jquery-1.5.1.js" type="text/javascript"> //jquery <script src="/js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"> //jquery ui <script src="/js/jquery-ui-datetimepicker.js" type="text/javascript"> //jquery ui календарь с часами <script src="/js/jquery.form.js" type="text/javascript"> //валидация форм <script src="/js/jquery.ba-hashchange.min.js" type="text/javascript"> //аяксовая навигация <script src="/js/tiny_mce/jquery.tinymce.js" type="text/javascript"> //редактор сообщений <script src="/js/history/jquery.history.js" type="text/javascript"> //хтмл5 история <script src="/js/jquery-ui-i18n.js" type="text/javascript"> <script src="/js/clickmenu.js" type="text/javascript"> //плагин для выпадающего меню <script src="/js/jquery.scrollto.min.js" type="text/javascript"> //скроллер <script src="/js/swfupload.js" type="text/javascript"> //флешовый загрузчик файлов That's what just happened. But it's the top of the iceberg, such g-mail clones don't use standard viewing, but they use a self-writing code that makes it easier for a normal software player to write on his own than looking for a half-day flame.
T

Seller #/id in jquery
Software Programming • javascript jquery • • Trenton

2

0
Votes

2
Posts

0
Views

$(document.getElementById('/test/test'))
K

Detect whether a field is updated with Javascript or Jquery, without using a trigger
Software Programming • javascript jquery • • Kadir

2

0
Votes

2
Posts

0
Views

M

The event change does not throw when the value is changed with $.val(). So you couldn't use it to detect when it changes its value dynamically. See example:$("input").on("change", function(e){ $("p").html("valor: " + $(this).val()); }); var v = 0; $("button").on("click", function(){ $("input").val(v++); });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input placeholder="click me!"> <button>Click me!</button> <p></p>So you'd have to overwrite the function. $.val() so that after the value changes launch the event change And so I can detect it. I'll leave you the code I found in https://stackoverflow.com/a/23635867/8067370 : (function($){ var originalVal = $.fn.val; $.fn.val = function(){ var result =originalVal.apply(this,arguments); if(arguments.length>0) $(this).change(); // OR with custom event $(this).trigger('value-changed'); return result; }; })(jQuery); Preferably place this code before any code of your project is executed, so you won't have any problems. See the difference:(function($){ var originalVal = $.fn.val; $.fn.val = function(){ var result =originalVal.apply(this,arguments); if(arguments.length>0) $(this).change(); // OR with custom event $(this).trigger('value-changed'); return result; }; })(jQuery); $("input").on("change", function(e){ $("p").html("valor: " + $(this).val()); }); var v = 0; $("button").on("click", function(){ $("input").val(v++); });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input placeholder="click me!"> <button>Click me!</button> <p></p>Now the only thing you have to do is detect if the new value is "90,000" then set it in the value that suits you most or directly omits it. Greetings!
Number plate for the numbered list
Software Programming • html cs • • Mystic

2

0
Votes

2
Posts

0
Views

Zero optionol.requirement{ padding-left: 0; } ol.requirement li { counter-increment: req; list-style-type: none; } ol.requirement li:before { content: "R0" counter(req, decimal-leading-zero) ". "; } ol.requirement li:nth-child(n+100):before { content: "R" counter(req, decimal-leading-zero) ". "; }<ol class="requirement"> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> </ol>
T

Elements alignment <pre><code> no css</code></pre>
Software Programming • css html5 • • tahishae

2

0
Votes

2
Posts

0
Views

D

Put a class to the <pre> which contains the property below:white-space: pre-line;
C

Make IF to Slide Up in an element
Software Programming • jquery • • Cleofas

2

0
Votes

2
Posts

0
Views

S

You can simply check if there is the class you add when performing the .slideDown() that is the class unidadesHover and then you make one if that performs .slideDown() If this class exists, and removes it.$('.unidadesTotal').click(function () { var unidades = $(this).parent().find('.unidades'); var unidadesConteudo = $(this).parent().find('.unidadesConteudo'); if(unidades.hasClass('unidadesHover')){ //se houver a classe .unidadesHover unidades.removeClass('unidadesHover'); unidadesConteudo.slideUp(); }else{ unidades.addClass('unidadesHover'); unidadesConteudo.slideDown(); } });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="unidadesTotal"> <div class="unidades">tituloSYS</div> <div style="display:none" class="unidadesConteudo margin-top-25"> <div class="margin-left-10"> <span>descricaoSYS</span> </div> <div class="atendimento unidadesAtendimento margin-top-15 f-left">hor&aacute;rio de atendimento</div> <a href="codigoSYS" target="_blank"><div class="unidadesAtendimento unidadesLocalizacao margin-top-15 margin-left-10 f-left">ver localiza&ccedil;&atilde;o</div></a> </div> </div>
A

How do you put two pathways on one page in nuxt js?
Software Programming • javascript django node.js django rest framework nuxt.js • • Anderson

2

0
Votes

2
Posts

0
Views

K

Change the panic key for one of the blocks?class NewsResultsSetPagination(PageNumberPagination): page_size = 50 page_size_query_param = 'page_news' max_page_size = 100 You're changing the fagination class, which has another key to propagation.class NewsListView(ListApiView): ... pagination_class = NewsResultsSetPagination UPDUpdated on the recommendations from the comments. Since there is no Django code, the example is improvised.Watch the dock. https://www.django-rest-framework.org/api-guide/pagination/
C

How to read a xml saved in sql database
Software Programming • javascript c sharp sql server net bootstrap • • chanisef

2

0
Votes

2
Posts

0
Views

Considering that you want to do is read what an XML is along with its attributes, here is an answer:using System; using System.Xml; using System.Xml.Linq; public class Program { public static void Main() { var doc = Program.GenerateXML(); XmlReader rdr = XmlReader.Create(new System.IO.StringReader(doc)); while (rdr.Read()) { if (rdr.NodeType == XmlNodeType.Element) { //Console.WriteLine(rdr.LocalName); if(rdr.LocalName == "row"){ var attr = rdr.GetAttribute("Problem"); var none = rdr.GetAttribute("None"); var mild = rdr.GetAttribute("Mild"); var moderate = rdr.GetAttribute("Moderate"); var severe = rdr.GetAttribute("Severe"); Console.WriteLine("attr: " + attr + " none: " + none + " mild: "+mild + " moderate: "+moderate + " severe: "+severe); } } } } public static string GenerateXML() { string xml = @" <xml xmlns:s='uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882' xmlns:dt='uuid:C2F41010-65B3-11d1-A29F-00AA00C14882' xmlns:rs='urn:schemas-microsoft-com:rowset' xmlns:z='#RowsetSchema'> <s:Schema id='RowsetSchema'> <s:ElementType name='row' content='eltOnly' rs:updatable='true'> <s:AttributeType name='Problem' rs:number='1' rs:nullable='true' rs:writeunknown='true' rs:basecatalog='MEDEZ_KAFERRY' rs:basetable='##Md431884276352444' rs:basecolumn='Problem'> <s:datatype dt:type='string' rs:dbtype='str' dt:maxLength='150'/> </s:AttributeType> <s:AttributeType name='None' rs:number='2' rs:nullable='true' rs:writeunknown='true' rs:basecatalog='MEDEZ_KAFERRY' rs:basetable='##Md431884276352444' rs:basecolumn='None'> <s:datatype dt:type='string' rs:dbtype='str' dt:maxLength='1'/> </s:AttributeType> <s:AttributeType name='Mild' rs:number='3' rs:nullable='true' rs:writeunknown='true' rs:basecatalog='MEDEZ_KAFERRY' rs:basetable='##Md431884276352444' rs:basecolumn='Mild'> <s:datatype dt:type='string' rs:dbtype='str' dt:maxLength='1'/> </s:AttributeType> <s:AttributeType name='Moderate' rs:number='4' rs:nullable='true' rs:writeunknown='true' rs:basecatalog='MEDEZ_KAFERRY' rs:basetable='##Md431884276352444' rs:basecolumn='Moderate'> <s:datatype dt:type='string' rs:dbtype='str' dt:maxLength='1'/> </s:AttributeType> <s:AttributeType name='Severe' rs:number='5' rs:nullable='true' rs:writeunknown='true' rs:basecatalog='MEDEZ_KAFERRY' rs:basetable='##Md431884276352444' rs:basecolumn='Severe'> <s:datatype dt:type='string' rs:dbtype='str' dt:maxLength='1'/> </s:AttributeType> <s:extends type='rs:rowbase'/> </s:ElementType> </s:Schema> <rs:data> <z:row Problem='DEPRESSED MOOD' None='s'/> <z:row Problem='MOOD SWINGS' Mild='a' Moderate='g' Severe='s'/> <z:row Problem='IRRITABILITY'/> <z:row Problem='POOR CONCENTRATION' None='s' Moderate='s'/> <z:row Problem='AGITATION' Moderate='s'/> <z:row Problem='SLEEP DISTURBANCE'/> <z:row Problem='FATIGUE/LOW ENERGY'/> <z:row Problem='POOR GROOMING'/> <z:row Problem='GENERALIZED ANXIETY'/> <z:row Problem='PANIC ATTACKS'/> <z:row Problem='PHOBIAS'/> <z:row Problem='OBSESSIONS/COMPULSIONS'/> <z:row Problem='PSYCHOMOTOR DISTURBANCE'/> <z:row Problem='LOOSE ASSOCIATION'/> <z:row Problem='SEVERE PSYCHOMOTOR RETARDATION'/> <z:row Problem='SEVERE GRIEF'/> <z:row Problem='PARANOID IDEATION'/> <z:row Problem='DELUSIONS'/> <z:row Problem='HALLUCINATIONS'/> <z:row Problem='AGGRESSIVE BEHAVIORS'/> <z:row Problem='CONDUCT PROBLEMS'/> <z:row Problem='SEXUAL DYSFUNCTION'/> <z:row Problem='HOPELESSNESS'/> <z:row Problem='SOCIAL ISOLATION'/> <z:row Problem='WORTHLESSNESS'/> <z:row Problem='GUILT'/> <z:row Problem='ELEVATED MOOD'/> <z:row Problem='HYPERACTIVITY'/> <z:row Problem='DISSOCIATIVE STATES'/> <z:row Problem='SOMATIC-COMPLAINTS'/> <z:row Problem='SELF-MUTILATION'/> <z:row Problem='SIGNIFICANT WEIGHT GAIN/LOSS'/> <z:row Problem='CONCOMITANT MEDICAL CONDITION'/> <z:row Problem='EMOTIONAL/PSYCHOLOGICAL TRAUMA VICTIM'/> <z:row Problem='PHYSICAL TRAUMA VICTIM'/> <z:row Problem='SEXUAL TRAUMA VICTIM'/> <z:row Problem='EMOTIONAL/PSYCHOLOGICAL TRAUMA PERPETRATOR'/> <z:row Problem='PHYSICAL TRAUMA PERPETRATOR'/> <z:row Problem='SEXUAL TRAUMA PERPETRATOR'/> <z:row Problem='SUBSTANCE ABUSE'/> </rs:data> </xml>"; return xml; } } This results in:attr: DEPRESSED MOOD none: s mild: moderate: severe: attr: MOOD SWINGS none: mild: a moderate: g severe: s attr: IRRITABILITY none: mild: moderate: severe: attr: POOR CONCENTRATION none: s mild: moderate: s severe: attr: AGITATION none: mild: moderate: s severe: attr: SLEEP DISTURBANCE none: mild: moderate: severe: attr: FATIGUE/LOW ENERGY none: mild: moderate: severe: attr: POOR GROOMING none: mild: moderate: severe: attr: GENERALIZED ANXIETY none: mild: moderate: severe: attr: PANIC ATTACKS none: mild: moderate: severe: attr: PHOBIAS none: mild: moderate: severe: attr: OBSESSIONS/COMPULSIONS none: mild: moderate: severe: attr: PSYCHOMOTOR DISTURBANCE none: mild: moderate: severe: attr: LOOSE ASSOCIATION none: mild: moderate: severe: attr: SEVERE PSYCHOMOTOR RETARDATION none: mild: moderate: severe: attr: SEVERE GRIEF none: mild: moderate: severe: attr: PARANOID IDEATION none: mild: moderate: severe: attr: DELUSIONS none: mild: moderate: severe: attr: HALLUCINATIONS none: mild: moderate: severe: attr: AGGRESSIVE BEHAVIORS none: mild: moderate: severe: attr: CONDUCT PROBLEMS none: mild: moderate: severe: attr: SEXUAL DYSFUNCTION none: mild: moderate: severe: attr: HOPELESSNESS none: mild: moderate: severe: attr: SOCIAL ISOLATION none: mild: moderate: severe: attr: WORTHLESSNESS none: mild: moderate: severe: attr: GUILT none: mild: moderate: severe: attr: ELEVATED MOOD none: mild: moderate: severe: attr: HYPERACTIVITY none: mild: moderate: severe: attr: DISSOCIATIVE STATES none: mild: moderate: severe: attr: SOMATIC-COMPLAINTS none: mild: moderate: severe: attr: SELF-MUTILATION none: mild: moderate: severe: attr: SIGNIFICANT WEIGHT GAIN/LOSS none: mild: moderate: severe: attr: CONCOMITANT MEDICAL CONDITION none: mild: moderate: severe: attr: EMOTIONAL/PSYCHOLOGICAL TRAUMA VICTIM none: mild: moderate: severe: attr: PHYSICAL TRAUMA VICTIM none: mild: moderate: severe: attr: SEXUAL TRAUMA VICTIM none: mild: moderate: severe: attr: EMOTIONAL/PSYCHOLOGICAL TRAUMA PERPETRATOR none: mild: moderate: severe: attr: PHYSICAL TRAUMA PERPETRATOR none: mild: moderate: severe: attr: SEXUAL TRAUMA PERPETRATOR none: mild: moderate: severe: attr: SUBSTANCE ABUSE none: mild: moderate: severe: View operation in DotNetFiddle.net https://dotnetfiddle.net/cJ1ZZR With this, the rest will be simple. Good luck
A

Simple doubt about json
Software Programming • jquery json • • authera

2

0
Votes

2
Posts

0
Views

B

This code you posted is only a bit of jquery.JSON: JavaScript Object NotationAs the name itself says is just a notation, i.e. a way of writing.Here's an example of a JSON code:{ "name":"John", "age":31, "city":"New York" } It is widely used for webservice construction, most languages have supported made a media communication between them and also between systems.A language that has a similar function that you can know and xml.I explained in an easy and simple way, to learn more read about this link: http://www.json.org
T

Error of an active paragraph
Software Programming • javascript jquery • • Trenton

2

0
Votes

2
Posts

0
Views

D

... var href = $(this).attr("href"), offsetTop = (href === "#") ? 0 : $(href).offset().top; // <----- ... $(window).scroll(function() { var fromTop = $(this).scrollTop() + 1; // <-----
D

Pop up modal with alert box notification
Usability Testing • html html5 user researc languageh • • Duquan

2

0
Votes

2
Posts

0
Views

An alert is not preferable since it indicates an error on "another layer", when it´s better to placer error messages the closest you can to the source of the error (in this case an input) to avoid the user the extra work of scanning where is the problem and perform 1 additional action (accept/close). You could try inline validation, which will inform the user what's and where's the problem just after they fill the input.

How do you make the page slide all the slides and when the slide is changed, a new slide puts a shadow on the old one?

Suggested Topics

HTML pages: fill in form and make these data appear on a 2nd page both HTML, but how? Software Programming • javascript html front end • • Amritpal

How to change the contents of the header for one page Software Programming • php wordpress • • briley

How do we make sure that when we put mice on one block, it faded smoothly, and the other block floated? Software Programming • javascript html jquery cs • • zymir

One reloading of the page Software Programming • javascript • • zymir

How do you make that page? Software Programming • jquery web programming jquery ui interface • • Trenton

Seller #/id in jquery Software Programming • javascript jquery • • Trenton

Detect whether a field is updated with Javascript or Jquery, without using a trigger Software Programming • javascript jquery • • Kadir

Number plate for the numbered list Software Programming • html cs • • Mystic

Elements alignment <pre><code> no css</code></pre> Software Programming • css html5 • • tahishae

Make IF to Slide Up in an element Software Programming • jquery • • Cleofas

How do you put two pathways on one page in nuxt js? Software Programming • javascript django node.js django rest framework nuxt.js • • Anderson

How to read a xml saved in sql database Software Programming • javascript c sharp sql server net bootstrap • • chanisef

Simple doubt about json Software Programming • jquery json • • authera

Error of an active paragraph Software Programming • javascript jquery • • Trenton

Pop up modal with alert box notification Usability Testing • html html5 user researc languageh • • Duquan

HTML pages: fill in form and make these data appear on a 2nd page both HTML, but how?
Software Programming • javascript html front end • • Amritpal

How to change the contents of the header for one page
Software Programming • php wordpress • • briley

How do we make sure that when we put mice on one block, it faded smoothly, and the other block floated?
Software Programming • javascript html jquery cs • • zymir

One reloading of the page
Software Programming • javascript • • zymir

How do you make that page?
Software Programming • jquery web programming jquery ui interface • • Trenton

Seller #/id in jquery
Software Programming • javascript jquery • • Trenton

Detect whether a field is updated with Javascript or Jquery, without using a trigger
Software Programming • javascript jquery • • Kadir

Number plate for the numbered list
Software Programming • html cs • • Mystic

Elements alignment <pre><code> no css</code></pre>
Software Programming • css html5 • • tahishae

Make IF to Slide Up in an element
Software Programming • jquery • • Cleofas

How do you put two pathways on one page in nuxt js?
Software Programming • javascript django node.js django rest framework nuxt.js • • Anderson

How to read a xml saved in sql database
Software Programming • javascript c sharp sql server net bootstrap • • chanisef

Simple doubt about json
Software Programming • jquery json • • authera

Error of an active paragraph
Software Programming • javascript jquery • • Trenton

Pop up modal with alert box notification
Usability Testing • html html5 user researc languageh • • Duquan