Posts by Lucas Granvilla • 444 points
33 posts
-
0
votes1
answer221
viewsQ: Crop with html/css/js
I’m trying to use a plugin I found in this video, But I am facing the following problem: I would like to upload an image and make a Crop at 1747px wide. But for devices with width smaller than this…
-
1
votes1
answer67
viewsQ: Pause setTimeout() function when hovering the mouse
I have this code and would like when the user passed the mouse over pause the setTimeout and be resumed when taking the mouse from above. function slide(){ let slides =…
-
0
votes2
answers78
viewsQ: Animate script that changes the "src=" of an image
I’m developing a project and I don’t know much about javascript. I was able to make this code to change the main image as it is clicked on Thumb. The only problem is that I would like you to have…
-
0
votes1
answer52
viewsQ: Magnetic effect
I’d like to use this effect on one of my projects. const ui = { btn: document.querySelector('.c-magnetic-btn') } const state = { bounds: ui.btn.getBoundingClientRect(), threshold:…
-
1
votes1
answer40
viewsQ: Bug animation menu
I would like the menu effect transition to have the same time when it opens and when it closes. if( 'ontouchstart' in window ){ var click = 'touchstart'; } else { var click = 'click'; }…
-
0
votes2
answers67
viewsA: Check with php and disable option
I managed to make the following format <select name="posicao" id="posicao"> <option value="null" <?php echo $selected = ($dados[$i]['posicao'] == 'null')? 'selected' : ' ';…
-
0
votes2
answers67
viewsQ: Check with php and disable option
I know what you have to do, but I don’t know how to do it. I have the following array: $dados = array 0 => array 'id' => 1 'posicao' => 1 'ativo' => 'sim' 1 => array 'id' => 2…
-
4
votes1
answer173
viewsQ: Text transition effect
I would like to make an effect that when the user hovers over the frame the background would turn white, coming from left to right first, and once that effect was complete the text would also appear…
cssasked Lucas Granvilla 444 -
1
votes1
answer187
viewsQ: Set directory to subdomain via HTACCESS
I created a sub-domain and would like its directory to be a specific folder. For example: Sub-domain: test.site.com.br Briefcase: website/folder/ Here’s what I tried: RewriteCond %{HTTP_HOST}…
-
0
votes2
answers177
viewsA: Why is the code not running the for loop, even though the compiler is not showing an error?
Error is on line 35 Substitute: for (int i=0; i == N - 1; i++) { for for (int i=0; i < N; i++) { The variable i is comparing to N and in fact it has to be smaller than N (i < N). Another issue…
-
0
votes2
answers379
viewsA: How to make a path of the pages accessed on a website
It is possible to do this in an easier way if you have a static website. In php: $URL_ATUAL= "$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; // aqui tu recupera a url $caminho = ""; // declara a…
-
1
votes1
answer33
viewsQ: color mobile problem
It’s not the first time I’ve done that, and it’s a mistake that bothers me a lot, even though it’s a little insignificant: Sometimes I realize that the color of the fonts are not applied on iphone,…
-
3
votes1
answer877
viewsQ: Paging with Owl Carousel
I’m trying to do with a pagination format with Owl Carousel, I did as per this answer, but I couldn’t get past it. <link rel="stylesheet" type="text/css"…
-
0
votes0
answers85
viewsQ: Collapse Bootstrap height 100%
When you click on the name of each product the collapse appears with the default effect. The problem is that the collapse does not occupy 100% of the div. Follow example of the problem.…
-
0
votes1
answer37
viewsQ: Hover with mix-blend-multipy
I have a problem when I leave the hotel. Multiply has a strange effect. Check the gif below: #accordion { padding: 80px 0; } #accordion .categoria { position: relative; cursor: pointer; } #accordion…
-
2
votes1
answer40
viewsQ: Adding and removing classes
When clicked in the category add the class "active". When you click another category remove the class from the previous category and add it in the clicked. So far so good. The question is to do the…
jqueryasked Lucas Granvilla 444 -
2
votes1
answer786
viewsQ: Show a Collapse and hide the other BOOTSTRAP 4
I found several answers here, but for bootstrap 3. I even tried to adapt to 4 but without success. I’m trying to make when I show one Ollapse hide the other and vice versa(I can’t use static "id"…
-
2
votes1
answer60
viewsQ: Adjust the middle slide according to the proposed layout
I’m trying to adjust the slides according to the proposed layout, but I’m having difficulties. I’m using the Owl Carousel plugin, I searched some plugin ready on the internet that contains this…
-
1
votes2
answers121
viewsQ: Collapse bootstrap 4 does not work mobile
I’m having trouble with a bootstrap 4 in mobile mode. It opens normally but does not close, I’ve spent a lot of time trying to solve and more still researching! Please help me... Please check in the…
-
3
votes2
answers56
viewsQ: Problems with Bootstrap grid
I have this problem. I’m going to be very direct. Self-explanatory images. I can decrease the source but I don’t know how much content will be in the block. So I want to make a working code. I…
-
0
votes0
answers62
viewsQ: jquery - Animate element in input and output with my current code
NOTE: The site where I need to use this effect has a horizontal scroll. I need with the current code, with the code of this question didn’t work because the plugin I’m using to make the horizontal…
jqueryasked Lucas Granvilla 444 -
0
votes1
answer104
viewsA: Site with horizontal scrolling
Thanks! I ended up getting! body { margin:0; font-family:Georgia; } #container .box { width:100vw; height:100vh; display:inline-block; position:relative; } #container .box > div { width:100px;…
-
0
votes1
answer104
viewsQ: Site with horizontal scrolling
Good, I have to make a site as horizontal scroll with this,(the site I passed is only to exemplify the scrolling, not the effects) but I have no idea how to do it, I did a good search before asking…
-
-1
votes2
answers5887
viewsA: How do I make this table mobile responsive using only html programming?
My solution would be for you to use percentage. First set the table to size 100%. Then set a size of 50% and discounting 15px from the margins. That’s all you set for when it’s mobile. <h2…
-
1
votes1
answer64
viewsQ: Mobile menu: Click to open and then to close
I have this code to open a responsive menu, but I couldn’t get it to close. $('#menuMobile').on("click", function() { $('.showMenu').slideDown(); }); .container { width: 100%; background: #000; } /*…
-
0
votes1
answer53
viewsQ: Target page with option already selected
I need that when the user click on a link it already directs to a page where there is a select. So far so good. The problem is to direct to this page and already be selected one of the options. For…
-
1
votes1
answer2919
viewsA: How do I prevent one element from overlapping another?
All explained in the code. (source: https://origamid.com/projetos/flexbox-guia-completo) .container { max-width: 360px; margin: 0 auto; display: flex; border: 1px solid #ccc; } .wrap { /* Quebra a…
-
1
votes2
answers533
viewsQ: How to show next field when user click green button
I have several fields that are hidden and should only appear when the user clicks the see button next to the first field. My initial idea would be when the person clicks the green button (after the…
-
0
votes2
answers154
viewsQ: How to align items with HTML and CSS?
Again I’m having trouble aligning items. I would like them to align the 3 inputs in the same line with margin, but they go down. #contato { margin-top: 120px; } #contato form { width: 100% }…
-
1
votes4
answers79
viewsQ: Show div/form when user selects an option
I would like when the person chooses one of the select options to appear the form as the code says. And also that when a form appeared the other was with display None. $(document).ready(function() {…
-
2
votes1
answer64
viewsQ: Divs has width at 33%, why don’t they line up?
Very specific question! Follow the code line. .container {width: 80%;margin: 0 auto;} #servicos {width: 100%} #servicos .services {width: 33%;padding: 20px;display: inline-block;} #servicos…
-
2
votes2
answers85
viewsQ: Replace a div when arriving at a given input
I’m making a form where the user should enter the credit card details. When informing appears in the div above, but when you arrive at a certain input (Security code) I want you to hide the div from…
cssasked Lucas Granvilla 444 -
0
votes1
answer60
viewsQ: Error removing div with Jquery
I need each time you click on "add product" to duplicate the div .new product. And when click 'remove product' remove the created div. Until then it works, but when you try to add a product again…
jqueryasked Lucas Granvilla 444