Posts by Munir Baarini • 673 points
61 posts
-
-1
votes1
answer313
viewsA: How to change a css class in the parent component by clicking a button on the child component?
Follow my answer: Father.component.html <app-child (myEvent)="receiveEvent($event)"></app-child> <div [ngClass]="status ? 'success' : 'danger'"></div> Father.component.ts…
-
0
votes1
answer313
viewsQ: How to change a css class in the parent component by clicking a button on the child component?
I am new to developing projects with Angular. I need, please, a great help. I would like a class css was changed in a <div></div> inserted into the parent component and when a button was…
-
-1
votes1
answer67
viewsQ: Add a CSS class to only one child element of the table row
I need a help, I have a table, when clicking on the checkbox of a certain line, only the name of the analyst present in this line should be red, but the way I implemented when clicking on the…
-
1
votes1
answer56
viewsQ: How to insert HTML tags into an Anguar array?
Good night! I need to insert into an Angular-to-tag array <sup></sup>, I searched but found no solution. In the browser being rendered: Decree n<sup>the</sup> 32.231,…
angularasked Munir Baarini 673 -
0
votes1
answer149
viewsA: Drag and Drop and Resize in Angular
I used npm angular2-draggable (https://www.npmjs.com/package/angular2-draggable#resizable), who treated me very well.…
angularanswered Munir Baarini 673 -
0
votes1
answer149
viewsQ: Drag and Drop and Resize in Angular
You can combine the Angular Material drag and drop feature (cdkDrag) with resizing? I tried using css, but it didn’t work, there’s another way? Example: app.component.html <div class="drag-drop"…
angularasked Munir Baarini 673 -
1
votes1
answer203
viewsQ: Share button event between components in an Angular project
I need guidance please, I have a component structure in an Angular design: 1) Head component 2) Body component and within it the Rodape component The button inside the Header component needs to…
-
0
votes1
answer54
viewsQ: Default function of Gulp
I would like to make the "tasks" below run simultaneously, as I should proceed? var gulp = require('gulp') ,clean = require('gulp-clean') ,imagemin = require('gulp-imagemin') ,cleanCSS =…
-
1
votes1
answer259
viewsQ: Fade in / fade out effect at Angular 7
I need to make a form disappear gradually by clicking a button, how can I insert this effect using Angular 7 ngIf?
angularasked Munir Baarini 673 -
1
votes0
answers99
viewsQ: Hide modal component at Angular 7
I inserted in my project a modal of Angular Material I would like that instead of it to close when I click the close button, it would be hidden. That’s possible? Follows my-dialog.component.ts…
angularasked Munir Baarini 673 -
1
votes1
answer516
viewsQ: How to hide a component in Angular 7 by clicking a button inside a modal?
From a button inside the header component I am calling a modal of Angular Material, in this modal has a button enter, I would need that when clicking this button a component called banner was…
angularasked Munir Baarini 673 -
0
votes0
answers51
viewsQ: jQuery with Angular and React
I started studying Angular and React recently and I have a question for those who are experienced with these technologies. Using them together with jQuery is inappropriate?
-
0
votes3
answers426
viewsQ: Problems with Angular Material
I am trying to insert a "dialog" component of Angular Material, but the console is displaying the following error that I cannot solve: WARNING in . /src/app/app.module.ts 19:16-31 "export…
angularasked Munir Baarini 673 -
1
votes1
answer704
viewsQ: Hiding Component in Angular 7
Good night, you guys! I started studying Angular recently and came across a problem that I can’t solve, I need that when clicking a button inside the header component, the banner component is…
angularasked Munir Baarini 673 -
-1
votes1
answer522
viewsQ: Problem with autoplay of videos in Chrome
I’m having trouble inserting a video with autoplay on a page of a website, when this page opens in Chrome, the video stops until you click the "play button". I read in several "posts" that this is a…
-
0
votes2
answers53
viewsA: Simultaneous tasks in Gulp
I solved the problem, joined the task watch with the Sass and server, so just use the command npm run Gulp watch at the terminal, that all 3 tasks will run simultaneously: var gulp = require('gulp')…
-
0
votes2
answers53
viewsQ: Simultaneous tasks in Gulp
I need some help, I’d like the chores server, Sass and watch run together, ie write scss, then this is copied to css and finally the browser automatically updates the changes. I tried several times…
-
-8
votes1
answer268
viewsQ: How to return selected items in a <select Multiple> with jQuery
I need to receive the values of a comma separated $('select[Multiple]'). val(). For example. The HTML code: <select id="estado" multiple> <option selected>SP</option> <option…
-
3
votes2
answers308
viewsQ: Increment numbers to ID name
Good afternoon guys, I need a help, I have the following condition, after clicking a button I must insert a new checkbox and the first of these checkbox has an id="0", the following must have…
-
0
votes0
answers95
viewsQ: Clear clipboard with javascript
Good afternoon, everyone! I need to clean the clipboard so that the user does not print screen of the system screens, someone knows a script that works "cross browser"?
-
2
votes1
answer960
viewsQ: Open and close div with jQuery slideToggle feature
I have the following structure: <div class="menu-item"> <div class="botão"></div> <div class="sub-item></div> </div> <div class="menu-item"> <div…
-
0
votes1
answer200
viewsQ: Buttons positioned at the bottom of the page go up when the mobile keyboard appears
I am developing a responsive page that has at the beginning a search field and at the footer two buttons with absolute positioning, on mobile devices after clicking the input the keyboard is…
-
0
votes1
answer80
viewsA: Correct application of the font-face
I searched and found the solution, woff2 and Woff fonts should always come before the others in the stylesheet.
-
0
votes1
answer80
viewsQ: Correct application of the font-face
It is known that the sources of the type woff and woff2 are not supported by all browsers, I am using on my page and on the google console Chrome accuses problems to download the font type woff2, in…
-
2
votes2
answers684
viewsQ: Start animation when DIV is visible
I inserted some animated pizza graphics on my page, but I would like the animation to be started only when the DIV that holds these graphics was displayed on the screen, someone would know how to do…
-
0
votes1
answer221
viewsQ: Manipulating classes with jQuery / Javascript
Within the hierarchy below, how can I manipulate a class given to the <th> after clicking on an element within the <td>? Remembering that there are several tables like this.…
-
0
votes4
answers211
viewsQ: jQuery Hover does not work
I have a <button> on the page that after an action receives a new class, in this new class I need the text to be changed in the Hover, but it doesn’t work, the new class seems not to be…
-
0
votes1
answer662
viewsQ: tag <video> does not work on android phones
I am developing a responsive site that has a video, when access this site on mobile the video is not displayed, if insert the video through the tag it works. Could someone help me?
-
1
votes1
answer3452
viewsQ: Align text at the bottom within a div
I’m creating a layout and distributing several <div> with the flexbox feature, someone would tell me how to do for the contents of this <div> that it will be a word, to be aligned to the…
-
1
votes1
answer278
viewsQ: Check if an email was typed in text field with jQuery
Good afternoon! How do I check if an email has been typed within a text field? I need to identify when the user clicks outside the field, whether an email was typed or just a name, for example.…
-
0
votes1
answer1094
viewsQ: Full screen video as background for any resolution
I need to put a full screen video as the background of a web page, someone knows how I can do this? Thank you.
-
1
votes2
answers550
viewsQ: Do I calculate font size using css?
Could someone please explain to me how the calculation capabilities work for font sizes using CSS? Example: font-size:calc(1.73vw + 48.74px); Thank you
-
1
votes1
answer2121
viewsA: Hide default component [arrow] form select in IE
Do it this way, it works in the latest versions of the browsers (IE from version 10): .estilizar select { border: 0 !important; -webkit-appearance: none; -moz-appearance: none; background: #fff…
-
3
votes1
answer618
viewsQ: Display a <div> when you click the close of the browser window
Does anyone know how I would display a <div> which is hidden when the user clicks the close button on the browser window?
jqueryasked Munir Baarini 673 -
6
votes2
answers1593
viewsQ: What are the differences between normal jQuery and slim versions?
In the latest version of jQuery, 3.0, it was announced the version slim. What is the difference of this version slim for the regular jQuery 3.0 version?
jqueryasked Munir Baarini 673 -
2
votes1
answer676
viewsQ: Compare system time to set time in a variable
How do I compare system time to a time set in a variable in jQuery or Javascript?
-
1
votes2
answers65
viewsQ: Checking styles that are not being used on a website
I know some tools to check on a site which css styles are not being used, but none of them in my opinion is really complete, someone knows some of the genre to tell me?
cssasked Munir Baarini 673 -
2
votes1
answer928
viewsA: Mobile menu does not close when you click
Use slideup and slideDown: $(Document). ready(Function() { $('. Nav . link'). click(Function() { $('.Nav-Collapse'). slideup(); }); });
-
0
votes1
answer34
viewsQ: Make element disappear according to system date
I have several boxes with dates in html, example: <div id="agenda"> <a href="javascript:void" class="web-thumb"> <span class="data">13 set</span> <span…
jqueryasked Munir Baarini 673 -
1
votes1
answer1150
viewsQ: How do I return to the same place on the page after clicking the back button?
I am developing a portal, there are several news, when I click on one of them I am referred to a new page that treats this subject in its entirety, my doubt is the following, i would like that after…
-
0
votes1
answer192
viewsQ: Remove dashed edge when clicking on a select combo
I can’t remove the dashed edge that appears when clicking on an item in a combo box, I’ve tried css3’s Outline:None feature, but it didn’t work. Can someone help me? Ex:…
-
0
votes0
answers121
viewsQ: Continuous scrolling of page after div with internal scrolling
In the middle of the page I have a div with an internal scroll, when I roll the page and I reach this div when using the mouse wheel I get stuck in it, when the div ends the scrolling does not…
-
1
votes1
answer139
viewsQ: Onclick does not work on Firefox and IE
This function does not work in firefox and IE: In javascript: function scrollTo() { var _offset = 90; $('html, body').animate({ scrollTop: $('#videoItem').offset().top - _offset }, 'slow'); return…
-
2
votes1
answer5307
viewsQ: Hide address bar on mobile devices
Is there any way to hide the address bar in mobile browsers?
-
0
votes0
answers319
viewsQ: DLL error installing Node.js in Windows 10
When I will install Node.js on Windows 10 appears the following message: There is a problem with this windows installer package. A DLL required for this install to complete could not be run. Contact…
-
0
votes1
answer169
viewsQ: Why does "background-size" make images have a serrated edge in IE?
I’m inserting some images with transparent background in an html page using the background-size feature of css, in IE these images are getting the serrated edges, how can I get around this problem?…
-
2
votes2
answers182
viewsA: Full screen images
Use css: /*Estilo para inserir duas imagens lado a lado ocupando 100% da largura da página*/ li img { width:50%; height:auto; float:left; }
-
0
votes2
answers562
viewsA: Change the color of a box in the horizontal menu
Add padding in li a, example: ul { display: inline; margin: 0px; padding: 0px; } li { margin: 10px; } li a { padding: 12px; } li a:hover { background-color: red; }…
-
0
votes2
answers1574
viewsA: Is there any way to configure the image quality to increase the upload speed?
Use the Hover property of css, example: .imagem { background: url(imagem-com-baixa-qualidade.jpg); } .imagem:hover { background: url(imagem-com-alta-qualidade.jpg); }…
-
3
votes2
answers4294
viewsQ: Line break of select options that contains a very long value
It is possible to break the line of a option very extensive? ex: <select> <option>texto muito extensp<br/>restante do texto</option> </select>…