2002!!!?????
pero cuantos años tiene este foro? xDD
en ese entonces nada más tenía 2 años
pero cuantos años tiene este foro? xDD
en ese entonces nada más tenía 2 años
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
Mostrar Mensajes Menú
function MyFunction()
{
var string = 'Esto es mensaje de prueba.';
$.ajax({
url: (ROOT_URL)+'/ajax/x.php',
type: 'POST',
dataType: 'html',
data: {formdata, string},
contentType: false,
processData: false,
success: function()
{
// [...]
}
})
.done(function(results)
{
$('body').append(results);
})
}
data: formdata,
data: {formdata},
[On Submit]
Get_FormData();
function Get_FormData()
{
$.ajax({
// [...]
})
}
// en el archivo del código php que se llamo con ajax
$_SESSION['dato_x'] = $_POST['dato_x'];
if(isset($_POST['submit_form'))
{
echo 'El valor obtenido del form data es '.($_SESSION['dato_x']);
// se destruye dicha session ya que no se usará más...
}
Cita de: NEBIRE en 27 Mayo 2020, 00:19 AM
Es el típico problema de 'postes y vallas'.
El problema básico es que hay que 'precalcular' el ancho efectivo a repartir...
Antes de indicar el reparto del 33%, debes contar los 'postes' y descontar el ancho que 'ocupan todos' del 'width', entonces ahora ese a ese 'nuevowidth' si puedes aplicarle el 33%, dará el reparto de 'valla' igual para todos (reusa el valor en vez de calcularlo cada vez), y ahora cada 'valla' tiene un 'poste' (se desplaza la 'valla') 5px...
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<style type="text/css">
*, *::before, *::after {
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-family: opensans;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
div {
overflow-wrap: break-word;
}
body {
background: #fff;
color: #242424;
display: flex;
flex-direction: column;
font-family: opensans;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
min-height: 100vh;
text-align: left;
}
.box_content {
height: auto;
width: 100%;
overflow: hidden;
overflow-wrap: break-word;
}
ul.list-horizontal {
margin: 0;
padding: 0;
}
ul.list-horizontal li {
display: block;
float: left;
padding: 0px;
}
</style>
<div class="box_content" style="background: red; height: 100px; width: 80%; margin-left: 10px; margin-top: 10px; padding: 5px;">
<ul class="list-horizontal" style="width: 100%;">
<li style="padding-right: 5px; width: 33.3333333333%;">
<div style="background: orange; height: 50px;"></div>
</li>
<li style="padding-right: 5px; width: 33.3333333333%;">
<div style="background: orange; height: 50px;"></div>
</li>
<li style="width: 33.3333333333%;">
<div style="background: orange; height: 50px;"></div>
</li>
</ul>
</div>
</body>
</html>