Posts by Maurício Krüger • 1,848 points
101 posts
-
-2
votes2
answers30
viewsA: How to Edge Over a Button?
Either you add in the CSS button: border-bottom-left-Radius: 30px; or you overflow:Hidden in the calculator div, so the button will not be on top.
-
1
votes4
answers194
viewsA: Exchange images with Jquery
You can change as follows: $('#botao_troca_imagem').on('click',function() { document.querySelector('.classe_imagem').src='/public/default/images/marker.png'; });
-
3
votes1
answer195
viewsQ: Return element to initial position in Hover css
I am making an animation in a logo, where each letter goes to one side and when I pass the mouse in the div where it is, all the letters must return to the initial value, thus forming the logo. So…
-
3
votes1
answer1400
viewsQ: SEO - Being penalized by Google Fonts
I am using a font that is on Google Fonts on my website and am importing via css: @import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,300i,400,400i,600,600i,700,800,900'); The…
-
1
votes1
answer321
viewsQ: Maintain final effect of Animation css
I’m doing a loading screen and at the end of the effect, the css value that should be maintained, is the value that is in 100% of the Animation, only when the effect ends, it goes back to the…
-
0
votes1
answer147
viewsQ: Add Animate or classes when scrolling the page and arrive in div
I am working on a project in Vue and I need that when the user scrolls the page and arrives in a specific div, be added an effect or a class in that div, similar to Scrollreveal Someone has already…
-
0
votes2
answers1762
viewsQ: Catch current date with Vue
I need to take the current date and format it the following type: 17 de December de 2018 I’m using the date within a project in Vue. Only reference I found was this but is in pure javascript.…
-
2
votes3
answers94
viewsQ: List with dynamic size
I need to make a list that in up to a maximum of 6 items, take the entire width of the screen, following the following steps: If there is only one item in the list, it takes 100% width of the…
-
1
votes1
answer674
viewsQ: Perform function when closing modal in Vue
I’m using Bootstrap 4 in a project with Vue; In modal, I have a video on a Youtube iframe; What I need to do is pause this video, when I close the modal, either by pressing the key Esc, or closing…
-
1
votes1
answer69
viewsQ: Manipulating CSS Gradient
I have a gradient to make, with a 5-color split and in the range of each, it has to be exactly divided. Follow image of what I need to do: What I managed to do with CSS: .area{ width: 100%; padding:…
-
2
votes1
answer187
viewsQ: Scroll based loading bar
Hello! I wonder, if anyone has ever done or seen on any site, a horizontal bar at the top of the site, example the youtube loading bar, but it increases and reaches 100% when it is rolled to the…
-
0
votes1
answer695
viewsQ: OG image in several sizes
I have meta with og:image on a website in the size of 300x110px; So far so good, I share the website on social networks like Facebook and others and it pulls the picture straight; The problem is…
-
1
votes2
answers143
viewsQ: Htaccess that directs to https and also to www
I need that when the user accesses with http is directed to https and when access without www redirects to access with www. I’m using the following code on .htaccess: <IfModule mod_rewrite.c>…
-
1
votes2
answers867
viewsQ: Create function that simulates typing
I need a function, or some plugin that simulates a typing, IE, that makes you have a cursor and, with which keep typing and deleting words; One example I found was this. (The typing effect on the…
-
0
votes1
answer31
viewsQ: Change integer value to string or insert mask
I have a function that does a count, only I need to add mask to this value. The final value is 3000 only I need for 3.000; there is how to change the value of integer to another format and do even…
-
0
votes2
answers608
viewsQ: Pause counting - setInterval
I am creating a function to start a count and when it reaches the final stop value. However the clearInterval is not working. Has anyone ever had to do anything like this? function numerosHome() {…
-
0
votes2
answers1219
viewsQ: Execute function when arriving in Div
There is how to perform a function only when a div is on the user screen? Example, I have a div that is in the middle of the site and when user scrolls up to it, or get to it, I want a function to…
-
1
votes1
answer809
viewsQ: Change CSS value according to Scroll
I need that when scrolling the page, apply css to div, example: When the user arrives at half of the site, or at the desired Section, apply a CSS from this point to a div, as the page scrolls down,…
-
0
votes1
answer81
viewsA: How to sort interconnected events with Jquery?
Follow a jQuery plugin that connects an event listener that is triggered always before others: (function($) { $.fn.bindFirst = function(/*String*/ eventType, /*[Object])*/ eventData, /*Function*/…
-
37
votes3
answers10654
viewsQ: How to make a progress bar ranging from 0 to 100% with CSS only?
I am developing a page where there is a progress bar and I need to make it start from 0 and go to 100%. But I only need to do it with CSS and, in addition, I need that when it reaches 100%, start…
-
1
votes3
answers1015
viewsA: Remove style added with . css() Function with jQuery
There are several ways to remove a CSS property using jQuery: 1. Setting the CSS property to its default value (initial) .css("background-color", "transparent") See the initial value for CSS…
-
5
votes2
answers3969
viewsQ: How to remove all Classes from an element using jQuery?
Instead of removing all classes individually using remove class: $("#div").removeClass('classe') For every class an element may have, there is some function that can be called and remove all classes…
-
1
votes1
answer554
viewsA: Date and Time Form - Angularjs
Have you tried input attr in Controller? Ex: vm.funcaoEnvio = function (alerta) { vm.dados = { 'nome': alerta.nome, 'email': alerta.email, 'cidade': alerta.cidade, 'telefone': alerta.telefone }…
-
1
votes1
answer1095
viewsA: Chartjs - Insert % at end of value in tooltip
Done. Based on Chartjs documentation: The tool label configuration is nested below the tool tip configuration using return key from call. The tooltip has the following call returns to provide text.…
-
1
votes1
answer1095
viewsQ: Chartjs - Insert % at end of value in tooltip
I’m doing an angular Chart.js and need to place the percent ( % ) at the end of each tooltip where it shows the value on the chart. Follow code from my chart: Html: <canvas class="chart…
-
2
votes1
answer68
viewsQ: Checklist: with CSS only
I have a list with 2 items per line and I need each item to be of one color. However, the bottom item has to be different than the top item. Follow the image of what I need: I am unable to make this…
-
2
votes1
answer83
viewsQ: Countdown JS not working on safari
I’m developing a website with a countdown. The code works well on the desktop and the timer starts counting perfectly in Firefox and Chrome, but in mobile, specifically in iphone, Safari browser,…
-
4
votes2
answers2135
viewsQ: Key code does not hold the ESC key
I’m doing a function, so that when you press a key on the keyboard, it performs another function. With the keys of letters, numbers and even Enter works. But the ESC key does not work. Has anyone…
-
4
votes2
answers51
viewsA: Is there a tool for viewing a website in all screen sizes?
You can use the Chrome console itself. By pressing F12 (Open the console), you can click on the image icon below: After, at the top, you can use the option of various sizes and also in this location…
responsive-layoutanswered Maurício Krüger 1,848 -
0
votes1
answer198
viewsQ: Redirect www htaccess with segment in url
Where my site is hosted, I am using the . htaccess and on it has a condition to remove the www and direct to the main page without the www. <ifModule mod_rewrite.c> Header set X-Frame-Options…
-
1
votes2
answers123
viewsA: Is there any way to self-adjusting the site for mobile phones?
Are you using Bootstrap? Ok, great! , now check the grids option it provides, if you use it will adjust as selected. For example, in a div, which you would like on desktop to be 50%, you can use the…
-
2
votes1
answer155
viewsQ: Select Md-option with ng-click
I have a page listing some job openings. Below these vacancies I have a form and in this form there is an option field to select the vacancy of interest. If the user clicks on the position of…
-
1
votes1
answer219
viewsQ: Redirecting with htaccess
I need to do a direction when the user accesses, https://www.dominio.com.br/portal/qualquercoisa is directed to https://www.dominio.com.br/blog You can do this with . htaccess? It follows code I…
htaccessasked Maurício Krüger 1,848 -
0
votes0
answers156
viewsQ: How to disable angular route system
I have a project developed in Angular 1, I am using routeProvider and locationProvider. But now that the project is "ready", I need to disable the route system, IE, when the URL is changed, when I…
-
0
votes1
answer56
viewsA: Playing parameter in url
A constant was created to play the language in the url: define('base_path', 'cliente/em_desenvolvimento/back/mauricio/'); $uri_path = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH); $uri_path =…
-
0
votes1
answer56
viewsQ: Playing parameter in url
I have a Codeigniter Project that will be in two languages, however I need to allow this language change only in the project URL; That is, when accessing domain.com.br/pt it should keep as base url…
-
0
votes1
answer91
viewsA: Flexslider - Loading with still images
CSS to load still images: .sliderTrabalhe { margin: 0; padding: 0; } .sliderTrabalhe .slides > li { display: none; -webkit-backface-visibility: hidden; } .sliderTrabalhe .slides img { width:…
-
0
votes2
answers210
viewsQ: Countdown incorrect date
I’m using the Countdownjs to enter a count in my project but it is returning the incorrect day. I am using Angularjs, follows below the directive I created for counting:…
-
0
votes1
answer94
viewsQ: Angular Leaflet map error
I’m using Angular in a project with Codeigniter and I’m applying the Leaflet map. Creating the function, it generates the map, but informs error when obtaining the center property and does not load…
-
0
votes2
answers1060
viewsA: Close the Bootstrap modal after registering
I had a similar problem, but in a project where I was using Angularjs. then when the user clicked on save, it executed the following function: vm.modalFecha = function(){…
-
0
votes1
answer137
viewsQ: Add css Transition to div in Flexslider
I have a flexslider in a Project, in it I have the background image and inside a div with description and button for external link. What I need to do is that with each slide change, this div has a…
-
0
votes1
answer201
viewsA: Slide JQUERY 100% screen EXAMPLE
Play the following css in the image div: .imagem{ width: 100%; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; } Width 100% will make the image take…
-
1
votes2
answers152
viewsA: Angular 1 - Using bindings in controller - Component
Follows code below: vm.$onInit = function () { console.log(vm.type); console.log(vm.urlId); } So it will only access the bind when the controller is started.…
-
2
votes1
answer1180
viewsA: Effect on navbar bootstrap
There are several methods, you can use a function that when scrolling the page add a class to the background that was transparent, in this class you can insert a Transition in the CSS to give this…
-
1
votes1
answer82
viewsA: Insert Javascript into Tinymce
Just use the option to enable source code, just click tools, source code. On this site you can paste embed from other sites.
-
0
votes1
answer173
viewsQ: Resize in image with PHP
I need to resize all images when sharing on Facebook. There are several images of various sizes in the product listing, but when I share the link on Facebook, depending on the size of the image,…
phpasked Maurício Krüger 1,848 -
2
votes2
answers2354
viewsA: Browser Identifier - Internet Explorer
Done. Follow identification code: <script type="text/javascript"> var isIE = /*@cc_on!@*/false || !!document.documentMode; if(isIE == true){ var ie = ' <link rel="stylesheet"…
-
0
votes2
answers351
viewsA: Change selected menu according to URL segment in Angular
The momentary solution was to identify each menu with a class and make a case by checking the menu and executing the function when the route is changed, follow code: vm.MenuInternas = function(){…
-
2
votes1
answer5424
viewsQ: API BB web system implementation
I am developing a Web Project and I need it to generate a ticket for payment through an account of Banco do Brasil. But I never worked with boleto generator; Does anyone know if the BB provides any…
-
2
votes2
answers1834
viewsQ: Select option when clicking button
I have 3 buttons outside the form tag and when clicking on some of them, I need the value to be selected in select, follow image and code for better understanding: Buttons (outside the tag form)…