Posts by Kazzkiq • 11,493 points
136 posts
-
4
votes2
answers586
viewsA: Error with CSS, bar appears where it should not
This is a very common problem in CSS, where the margin of the child element ends up pushing the parent element down together. To solve the problem, a simple overflow:hidden or auto in the element…
-
8
votes1
answer394
viewsQ: DIV activating scroll in another DIV even with different sizes
I have two div same height, but with different content. And when I do scroll in one, I wanted the other to follow in the same (or at least close to the same) position. The problem is that their…
-
9
votes1
answer9688
views -
0
votes1
answer782
viewsQ: Oauth vs Conventional login system authentication. Which to use?
Imagine the following scenario: You are setting up a project where anyone can register with basic data (name, photo, age) to use your product. And as it is on the internet there is no way to predict…
-
4
votes2
answers298
viewsA: Does the syntax '//' have any special meaning?
According to the Specification ECMA-262, in the case of comments by single line, any character type is accepted after adding the two "bars" that start the comment (//). So, despite the color change…
-
7
votes2
answers664
viewsQ: How to effect "cascade" with Javascript / jQuery?
Imagine I have a list of 20 blocks <li>, and that when the page loads, each of them should be shown within milliseconds of each other (this would be done with CSS3, so the code would only have…
-
0
votes1
answer402
viewsQ: Which regular expression to use to replace all occurrences found in an Eclipse file?
Well, I have a CSS file of over a thousand lines, where for every class listed there, there is a code @external stating the same, example: @external agora-eu-posso-usar-minha-classe;…
-
5
votes3
answers9289
viewsA: How to change the title of each PHP page dynamically?
Another interesting way would be to centralize all the work on header.php, defining the titles of each page using an array, for example: $titulos = [ 'index.php' => 'Meu site - Tutorial…
-
6
votes2
answers2434
viewsQ: How do I get the position of an element that uses the Transform CSS property?
Imagine I have a popup that’s centered on transform:translateX(-50%) translateY(-50%) (if you have doubt about this solution, you can see more about it here, adapted of these answers). So far so…
-
7
votes2
answers2434
viewsA: How do I get the position of an element that uses the Transform CSS property?
As commented, the properties offsetTop and offsetLeft do not return the exact position of the element when it uses the CSS property translate(). The only property I know that works with translate()…
-
2
votes2
answers706
viewsA: Print highlighted matrix specific values
Your problem was a simple logic error when using two echo to print the items, the correct would be the following: foreach ($matriz as $v1){ foreach ($v1 as $v2){ // eu removi o echo daqui if ($v2…
-
0
votes2
answers263
views -
1
votes2
answers210
viewsA: I’m having trouble using the clearInterval function
You can use the function eval(): a_103 = setInterval( function (){ alert('oi');},3000); id = 103; id = "a_" + id; clearInterval(eval(id)) Example: FIDDLE…
javascriptanswered Kazzkiq 11,493 -
28
votes4
answers7742
viewsA: How does grid system work?
What are CSS grids: CSS grids are nothing more than the "simulation" of a tabular structure through divs. If you started playing with the internet at the time of IE6 and the like, you should…
-
4
votes4
answers1101
viewsA: How to check with javascript/jquery which object(s) is(is) triggering a scroll bar on the page?
Your question is very interesting, here is my solution: function escanearPagina(el) { var i = [], t, x, y, w, h, ww = $(window).width(), wh = $(window).height(); el.each(function(){ t = $(this); x =…
-
2
votes3
answers1220
viewsA: Remove key pressed in an input text
HTML-only solution (readonly): <input type="text" value="Texto da base de dados" readonly /> Solution in javascript (jquery): function travarInput(el){ var v = el.val();…
-
2
votes3
answers2277
viewsA: How to check if user has left the window
The new HTML5 api Page Visibility API does just what you’re asking: if(document.hidden !== undefined){ document.addEventListener("visibilityChange", acao, false); } function acao(){ console.log("O…
javascriptanswered Kazzkiq 11,493 -
1
votes1
answer162
viewsA: PHP array that communicates with Javascript
From what I understand, you want to send a PHP array for Javascript to understand. Netse case you could use the function json_encode() to send a JSON for Javascript. Example: echo json_encode(["a"…
-
2
votes8
answers56968
viewsA: PHP echo Special character problem ("ç")
Solution without gambiarras: This is a common problem caused when using different encodings in the project. To prevent this problem, the ideal is to use UTF-8 as standard encoding in everything that…
-
9
votes2
answers418
viewsA: How to make HTML5 sound available?
<audio controls> <source src="meusom.wav" type="audio/wav"> <source src="meusom.ogg" type="audio/ogg"> <source src="meusom.mp3" type="audio/mpeg"> Seu navegador não suporta…
-
4
votes5
answers3441
viewsA: Show text when typing in textarea
Function that can be reused in n other textareas: function mostratexto(el, txt, ms){ var t; el.on('keyup',function(){ clearTimeout(t); txt.fadeIn('slow'); t = setTimeout(function(){…
-
50
votes5
answers17559
viewsA: Mysqli vs PDO - which is the most recommended one to use?
Mysqli: Perks: Object-oriented and procedural API; High performace; Relatively simpler syntax (and similar to old API mysql_*); Disadvantages: Only works with Mysql banks; Has no named parameters;…
-
0
votes8
answers5526
viewsA: How to make a DIV fill all available width
If you want to use the menu with position:fixed, a good way would be: .menu{ width:250px; position:fixed; top:0;left:0; } .resto{ margin-left:250px; } Example: FIDDLE…
-
4
votes6
answers2374
viewsA: How to select all "empty" elements
However, I would like to know if there is a special selector only for empty controls, which has a better performance than raw force filtering. Answer: No, there is no. Even your alternative using…
-
5
votes3
answers236
viewsA: Check if a div contains a number
One simple way to achieve this is by using the native function isNaN javascript: $('a').each(function(){ var t = $(this); if(!isNaN(t.html())){ t.addClass('sua-classe'); } }); Example: FIDDLE…
-
2
votes4
answers224
viewsA: Given a group of options, at least one should be selected, using jQuery
/* Permite o uso da função em outros blocos de formulários */ function checkChecks(selector, buttonToDisable) { var s = $(selector + ':checked'), b = $(buttonToDisable); if (s.length < 1) {…
-
5
votes5
answers727
viewsQ: Return all CSS classes with Regular Expression
I need to return all the classes found within a CSS string, so that when the expression conflicts with: div.classe1{/*...*/} .classe2 div a{/*...*/} .classe3.classe4{/*...*/} .classe5{/*...*/}…
-
3
votes5
answers16269
viewsA: How to enable a button only when all inputs are completed?
//funcao que permite a verificacao atravez de um seletor customizavel function isAnyEmpty(el){ var isEmpty = false, v; el.each(function(e){ v = $(this).val(); if(v == "" || v == null || v ==…
-
41
votes4
answers60985
viewsQ: Difference between :disabled and :readonly in HTML?
Usually both have similar behaviors when rendered in the browser. If I open an HTML with this: <input type="text" value="tente me alterar" disabled> <input type="text" value="tente me…
-
2
votes4
answers2731
viewsA: Is it possible to change the mouse cursor color via CSS?
Changing only the color is not possible, however, from the CSS 2.1 it is possible to toggle the cursor by an icon: body{ /*pode qualquer seletor válido*/ cursor:url(cursor.gif), auto; } The option…
-
4
votes3
answers955
viewsQ: How to effectively remove the metatag refresh from a page?
Lately I have accessed several news sites that use this metatag to update their pages from time to time: <meta http-equiv="refresh" content="300"> I understand why you use it on the websites,…
-
0
votes3
answers63205
viewsA: Image with 100% width
From what I understand, your question is how to set the width of an image via CSS so that it is 100% the size of your parent element. A simple way would be like this: HTML: <img src="imagem.png"…
-
66
votes7
answers12436
viewsQ: Use semicolon or not at the end of the lines in Javascript?
I have read some comments on the web about whether or not to use the ; at the end of the lines when writing Javascript. Some say yes, others say no need, but none can explain well the reasons for…
-
6
votes5
answers12657
viewsQ: How do I protect PHP code from theft and piracy after deploying?
Well, I’m working on a system Saap (PHP/Codeigniter + Mysql). Initially the idea would be to effect the deploy of the system in the client’s choice hosting. The entire "installation" process would…
-
73
votes18
answers139957
viewsQ: What is the best way to center an element vertically and horizontally?
What’s the best way (by "better" I mean: with the greatest possible compatibility between browsers and the simplest possible) to position an element in the center of the page, vertically and…
-
8
votes2
answers6149
viewsA: How to put two backgrounds on the same page?
If you have no browser compatibility restriction, with CSS3 this would be possible, since it accepts multiple backgrounds in a single element: body{ background-image: url(imagem1.png),…