Tema para preguntas random a Chatgpt 🤖

  • Autor Autor Carlos Arreola
  • Fecha de inicio Fecha de inicio
blankito1998 dijo:
que puedo hacer para resolverlo??
Hacer clic para expandir...
Puedes asegurarte de que añades los eventos después de que el elemento ha sido añadido al DOM y luego forzar el enfoque en '.numberchaos' con jQuery. Así:

JavaScript: 
if ($(".pamer").length === 0) {
    var propc = "";
    var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
    
    $(".newsearchpro").append("<div class='pamer'><span class='betap'>Ir a la pagina</span><input class='numberchaos' placeholder='1' value='"+id1+"' required name='pagination' type='number' "+propc+"/><a class='cadiz' onclick='increment("+id2+");'>+</a><a class='cadiz2' onclick='decrement();'>-</a><a class='morfe' onclick=kogars('"+id2+"','"+url+"');>Ir</a></div>");

    if (!isMobile){
        var inputBlurred = false;
        var mouseIsInside = false;

        $('.newsearchpro').on('mouseenter', '.pamer', function(){
            mouseIsInside = true;
        }).on('mouseleave', '.pamer', function(){
            mouseIsInside = false;
            if(inputBlurred){
                $(".pamer").remove();
            }
        });

        $('.newsearchpro').on('focus', '.numberchaos', function() {
           inputBlurred = false;
        }).on('blur', '.numberchaos', function() {
           inputBlurred = true;
           if(!mouseIsInside){
               $(".pamer").remove();
           }
        });

        $('.numberchaos').focus(); 
    }
}

Usando $('.numberchaos').focus(); fuerzas el enfoque al elemento después de que este se ha agregado al DOM.
 
BotBeta dijo:
Encontrar un total de 150 películas de terror espacial desde el año 2000 hasta la actualidad es definitivamente un desafío, ya que es un subgénero bastante específico. Sin embargo, aquí te dejo una lista con algunas películas más que incorporan elementos de ciencia ficción, espacio y horror, aunque algunas puedan desviarse un poco de tus criterios:

1. Sunshine (2007)
2. Europa Report (2013)
3. Apollo 18 (2011)
4. Jason X (2001)
5. Red Planet (2000)
6. Ghosts of Mars (2001)
7. Pandorum (2009)
8. Serenity (2005)
9. Doom (2005)
10. Mothman Prophecies (2002)
11. The Dark Hour (2006)
12. Danny Phantom: The Ultimate Enemy (2005)
13. Lifted (2006)
14. The Fifth Element (2007)
15. War of the Worlds (2005)
16. Cargo (2009)
17. The Last Days on Mars (2013)
18. Love (2011)
19. High Life (2018)
20. Aniara (2018)
21. Apollo 11 (2019)
22. Ad Astra (2019)
23. The Cloverfield Paradox (2018)
24. Captive State (2019)
25. Starfish (2018)
26. Extinction (2018)
27. Prospect (2018)
28. Life Like (2019)
29. Interstellar (2014)
30. Gravity (2013)
31. Battleship (2012)
32. Prometheus (2012)
33. Splice (2009)
34. Predators (2010)
35. Total Recall (2012)
36. Pacific Rim (2013)
37. Oblivion (2013)
38. Star Wars: Attack of The Clones (2002)
39. Doctor Who (2005-)
40. Under The Skin (2013)
41. War of the Worlds (2005)
42. Paycheck (2003)
43. Supernova (2000)
44. Phoenix Forgotten (2017)
45. Beyond White Space (2018)
46. The Meg (2018)
47. Jupiter Ascending (2015)
48. Passengers (2016)
49. The Space Between Us (2017)
50. After Earth (2013)

Esta no es una lista clásica de películas de 'horror en el espacio', pero espero que te sea útil y encuentres algunas nuevas para disfrutar.
Hacer clic para expandir...
Me puedes dar otro top 50 de peliculas de terror en el espacio desde el año 2000 hasta la actualidad?
 
Petalo20 dijo:
Me puedes dar otro top 50 de peliculas de terror en el espacio desde el año 2000 hasta la actualidad?
Hacer clic para expandir...
Claro, extender la lista puede ser un poco complicado debido a lo específico del género, algunos títulos pueden incluir elementos de horror y de espacio, pero no necesariamente caen en "horror espacial". Intentemos con estas:

51. Moon (2009)
52. Signs (2002)
53. Event Horizon (2007)
54. Dark Skies (2013)
55. Sphere (2000)
56. Silent Running (2007)
57. Cloverfield (2008)
58. Super 8 (2011)
59. The Astronaut's Wife (2000)
60. District 9 (2009)
61. Solaris (2002)
62. The Day the Earth Stood Still (2008)
63. Knowing (2009)
64. Skyline (2010)
65. Quarantine (2008)
66. Prometheus sequel – Alien: Covenant (2017)
67. The Darkest Hour (2011)
68. Battle Los Angeles (2011)
69. Independence Day: Resurgence (2016)
70. The Invasion (2007)
71. The Host (2013)
72. Life (2017)
73. Resident Evil: The Final Chapter (2016)
74. The Thing (2011)
75. Transformers: Dark of the Moon (2011)
76. Mars Needs Moms (2011)
77. Riddick (2013)
78. Star Wars: The Force Awakens (2015)
79. The Martian (2015)
80. Rogue One: A Star Wars Story (2016)
81. Star Wars: The Last Jedi (2017)
82. Star Wars: Rise of Skywalker (2019)
83. Solo: A Star Wars Story (2018)
84. Alien: Resurrection (2007)
85. The Signal (2014)
86. Ender's Game (2013)
87. Lucy (2014)
88. The Beyond (2017)
89. A Quiet Place (2018)
90. Bumblebee (2018)
91. Transcendence (2014)
92. Extinction (2018)
93. The Predator (2018)
94. The Wandering Earth (2019)
95. Gemini Man (2019)
96. Underwater (2020)
97. Proxima (2019)
98. Tenet (2020)
99. Carnosaur 4: The Second Coming (2004)
100. Ice Spiders (2007)

Debo reiterar que algunas películas pueden desviarse del género específico que estás buscando debido al desafío que supone encontrar 150 películas de este tipo. ¡Espero que te sea de ayuda!
 
BotBeta dijo:
Claro, extender la lista puede ser un poco complicado debido a lo específico del género, algunos títulos pueden incluir elementos de horror y de espacio, pero no necesariamente caen en "horror espacial". Intentemos con estas:

51. Moon (2009)
52. Signs (2002)
53. Event Horizon (2007)
54. Dark Skies (2013)
55. Sphere (2000)
56. Silent Running (2007)
57. Cloverfield (2008)
58. Super 8 (2011)
59. The Astronaut's Wife (2000)
60. District 9 (2009)
61. Solaris (2002)
62. The Day the Earth Stood Still (2008)
63. Knowing (2009)
64. Skyline (2010)
65. Quarantine (2008)
66. Prometheus sequel – Alien: Covenant (2017)
67. The Darkest Hour (2011)
68. Battle Los Angeles (2011)
69. Independence Day: Resurgence (2016)
70. The Invasion (2007)
71. The Host (2013)
72. Life (2017)
73. Resident Evil: The Final Chapter (2016)
74. The Thing (2011)
75. Transformers: Dark of the Moon (2011)
76. Mars Needs Moms (2011)
77. Riddick (2013)
78. Star Wars: The Force Awakens (2015)
79. The Martian (2015)
80. Rogue One: A Star Wars Story (2016)
81. Star Wars: The Last Jedi (2017)
82. Star Wars: Rise of Skywalker (2019)
83. Solo: A Star Wars Story (2018)
84. Alien: Resurrection (2007)
85. The Signal (2014)
86. Ender's Game (2013)
87. Lucy (2014)
88. The Beyond (2017)
89. A Quiet Place (2018)
90. Bumblebee (2018)
91. Transcendence (2014)
92. Extinction (2018)
93. The Predator (2018)
94. The Wandering Earth (2019)
95. Gemini Man (2019)
96. Underwater (2020)
97. Proxima (2019)
98. Tenet (2020)
99. Carnosaur 4: The Second Coming (2004)
100. Ice Spiders (2007)

Debo reiterar que algunas películas pueden desviarse del género específico que estás buscando debido al desafío que supone encontrar 150 películas de este tipo. ¡Espero que te sea de ayuda!
Hacer clic para expandir...
Si tienes alguna página o deseas empezar una nueva y no sabes cómo contactame, yo te puedo ayudar con lo que quieras en programación..

Ya tengo full experiencia en php HTML js css laravel

Escribeme al dm ☺️

Puedes hacerme un mensaje así más profesional porfa?
 
blankito1998 dijo:
Si tienes alguna página o deseas empezar una nueva y no sabes cómo contactame, yo te puedo ayudar con lo que quieras en programación..

Ya tengo full experiencia en php HTML js css laravel

Escribeme al dm ☺️

Puedes hacerme un mensaje así más profesional porfa?
Hacer clic para expandir...
Por supuesto, aquí te dejo un mensaje más profesional:

¿Estás planeando crear una nueva página web o mejorar una existente pero no sabes cómo hacerlo? No te preocupes, ¡estoy aquí para ayudarte! Como desarrollador profesional altamente capacitado con vasta experiencia en PHP, HTML, JavaScript, CSS y Laravel, puedo asistirte en todo lo relacionado con tu proyecto de programación.

Desde el diseño y desarrollo de un nuevo sitio web hasta la mejora y optimización de uno ya existente, mi objetivo es proveerte con soluciones eficientes y efectivas que satisfagan todas tus necesidades.

Si estás listo para llevar tu página al siguiente nivel, contáctame por mensaje directo. ¡Estoy ansioso de trabajar contigo!
 
BotBeta dijo:
Por supuesto, aquí te dejo un mensaje más profesional:

¿Estás planeando crear una nueva página web o mejorar una existente pero no sabes cómo hacerlo? No te preocupes, ¡estoy aquí para ayudarte! Como desarrollador profesional altamente capacitado con vasta experiencia en PHP, HTML, JavaScript, CSS y Laravel, puedo asistirte en todo lo relacionado con tu proyecto de programación.

Desde el diseño y desarrollo de un nuevo sitio web hasta la mejora y optimización de uno ya existente, mi objetivo es proveerte con soluciones eficientes y efectivas que satisfagan todas tus necesidades.

Si estás listo para llevar tu página al siguiente nivel, contáctame por mensaje directo. ¡Estoy ansioso de trabajar contigo!
Hacer clic para expandir...
Una duda, que es ir y dr en ahrefs??
 
blankito1998 dijo:
Una duda, que es ir y dr en ahrefs??
Hacer clic para expandir...
IR y DR se refieren a métricas específicas utilizadas en la herramienta de SEO Ahrefs.

- DR significa Domain Rating (Calificación de Dominio). Es una métrica desarrollada por Ahrefs que muestra la fuerza del perfil de enlaces de un sitio web en comparación con los demás en su base de datos (en una escala de 0 a 100). Muestra qué tan fuertes son los enlaces apuntando a un sitio web en general.

- Con respecto a IR, no estoy seguro de a qué te refieres, ya que no es una métrica reconocida dentro de Ahrefs. ¿Podría ser UR, que significa URL Rating? Esta métrica muestra la fuerza de un perfil de enlace de una página de destino específica (en una escala de 0 a 100). Básicamente, muestra qué tan fuertes son los enlaces que apuntan a una URL específica.

Si hay un error en mi interpretación de "IR", por favor proporciona un poquito más de contexto para que pueda darte una respuesta más precisa.
 
BotBeta dijo:
IR y DR se refieren a métricas específicas utilizadas en la herramienta de SEO Ahrefs.

- DR significa Domain Rating (Calificación de Dominio). Es una métrica desarrollada por Ahrefs que muestra la fuerza del perfil de enlaces de un sitio web en comparación con los demás en su base de datos (en una escala de 0 a 100). Muestra qué tan fuertes son los enlaces apuntando a un sitio web en general.

- Con respecto a IR, no estoy seguro de a qué te refieres, ya que no es una métrica reconocida dentro de Ahrefs. ¿Podría ser UR, que significa URL Rating? Esta métrica muestra la fuerza de un perfil de enlace de una página de destino específica (en una escala de 0 a 100). Básicamente, muestra qué tan fuertes son los enlaces que apuntan a una URL específica.

Si hay un error en mi interpretación de "IR", por favor proporciona un poquito más de contexto para que pueda darte una respuesta más precisa.
Hacer clic para expandir...
hola, como puedo hacer un div que se pueda arrastrar?
 
blankito1998 dijo:
hola, como puedo hacer un div que se pueda arrastrar?
Hacer clic para expandir...
Para hacer un elemento "div" arrastrable, puedes utilizar la librería jQuery UI, específicamente su función "draggable". Aquí te dejo un ejemplo de cómo podría implementarse:

HTML: 
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
 $( function() {
  $( "#draggable" ).draggable();
 });
</script>
</head>
<body>

<div id="draggable" style="width: 150px; height: 150px; padding: 0.5em; background-color: #89cff0;">
  <p>Arrástrame</p>
</div>

</body>
</html>

Este código vincula las librerías necesarias, asigna la función "draggable" al elemento con id "draggable" y el resultado es un "div" que puede moverse alrededor de la pantalla.
 
BotBeta dijo:
Para hacer un elemento "div" arrastrable, puedes utilizar la librería jQuery UI, específicamente su función "draggable". Aquí te dejo un ejemplo de cómo podría implementarse:

HTML: 
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
 $( function() {
  $( "#draggable" ).draggable();
 });
</script>
</head>
<body>

<div id="draggable" style="width: 150px; height: 150px; padding: 0.5em; background-color: #89cff0;">
  <p>Arrástrame</p>
</div>

</body>
</html>

Este código vincula las librerías necesarias, asigna la función "draggable" al elemento con id "draggable" y el resultado es un "div" que puede moverse alrededor de la pantalla.
Hacer clic para expandir...
ahora puedes hacer un boton que cree divs que sean dragables?
 
blankito1998 dijo:
ahora puedes hacer un boton que cree divs que sean dragables?
Hacer clic para expandir...
¡Claro que sí! Puedes usar JavaScript para crear un nuevo div cada vez que se hace clic en un botón y luego utilizar jQuery para hacer que el div sea arrastrable. Aquí te dejo un ejemplo de cómo podrías hacerlo:

HTML: 
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $( function() {
            var i = 0;
            $('#create').click(function() {
                i++;
                var newDiv = $( "<div/>" ).attr('id','draggable'+i).addClass('draggable').appenTo( "body" );
                newDiv.html('<p> Div ' + i + '</p>');
                $( ".draggable" ).draggable();
            });  
        });
    </script>
    <style>
        .draggable {
            width: 100px;
            height: 100px;
            float: left;
            margin: 5px;
            padding: 0.5em;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <button id="create">Crear nuevo Div</button>
</body>
</html>

Este código crea un nuevo div cada vez que haces clic en el botón "Crear nuevo Div". Cada nuevo div tendrá un único ID y la clase 'draggable', que permite que el div sea arrastrable.
 
BotBeta dijo:
¡Claro que sí! Puedes usar JavaScript para crear un nuevo div cada vez que se hace clic en un botón y luego utilizar jQuery para hacer que el div sea arrastrable. Aquí te dejo un ejemplo de cómo podrías hacerlo:

HTML: 
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $( function() {
            var i = 0;
            $('#create').click(function() {
                i++;
                var newDiv = $( "<div/>" ).attr('id','draggable'+i).addClass('draggable').appenTo( "body" );
                newDiv.html('<p> Div ' + i + '</p>');
                $( ".draggable" ).draggable();
            }); 
        });
    </script>
    <style>
        .draggable {
            width: 100px;
            height: 100px;
            float: left;
            margin: 5px;
            padding: 0.5em;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <button id="create">Crear nuevo Div</button>
</body>
</html>

Este código crea un nuevo div cada vez que haces clic en el botón "Crear nuevo Div". Cada nuevo div tendrá un único ID y la clase 'draggable', que permite que el div sea arrastrable.
Hacer clic para expandir...
creo que no funciona, no me crea los divs
 
blankito1998 dijo:
creo que no funciona, no me crea los divs
Hacer clic para expandir...
Mis disculpas, hubo un pequeño error en la creación del div. Se utilizó "appenTo" en lugar de "appendTo". Aquí está el código corregido:

HTML: 
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $( function() {
            var i = 0;
            $('#create').click(function() {
                i++;
                var newDiv = $( "<div/>" ).attr('id','draggable'+i).addClass('draggable').appendTo( "body" );
                newDiv.html('<p> Div ' + i + '</p>');
                $( ".draggable" ).draggable();
            });  
        });
    </script>
    <style>
        .draggable {
            width: 100px;
            height: 100px;
            float: left;
            margin: 5px;
            padding: 0.5em;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <button id="create">Crear nuevo Div</button>
</body>
</html>

Este código debería funcionar correctamente para crear un nuevo div arrastrable cada vez que se haga clic en el botón. ¡Espero que esto ayude!
 
BotBeta dijo:
Mis disculpas, hubo un pequeño error en la creación del div. Se utilizó "appenTo" en lugar de "appendTo". Aquí está el código corregido:

HTML: 
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $( function() {
            var i = 0;
            $('#create').click(function() {
                i++;
                var newDiv = $( "<div/>" ).attr('id','draggable'+i).addClass('draggable').appendTo( "body" );
                newDiv.html('<p> Div ' + i + '</p>');
                $( ".draggable" ).draggable();
            }); 
        });
    </script>
    <style>
        .draggable {
            width: 100px;
            height: 100px;
            float: left;
            margin: 5px;
            padding: 0.5em;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <button id="create">Crear nuevo Div</button>
</body>
</html>

Este código debería funcionar correctamente para crear un nuevo div arrastrable cada vez que se haga clic en el botón. ¡Espero que esto ayude!
Hacer clic para expandir...
como hago para que al dar click derecho sobre .draggable se mande una alerta??
 
blankito1998 dijo:
como hago para que al dar click derecho sobre .draggable se mande una alerta??
Hacer clic para expandir...
Para capturar el evento de click derecho en jQuery, se usa el evento "contextmenu". Aquí te dejo cómo podrías implementarlo para los elementos .draggable que se crean:

HTML: 
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $( function() {
            var i = 0;
            $('#create').click(function() {
                i++;
                var newDiv = $( "<div/>" ).attr('id','draggable'+i).addClass('draggable').appendTo( "body" );
                newDiv.html('<p> Div ' + i + '</p>');
                $('.draggable').draggable();

                newDiv.contextmenu(function(e) {
                    e.preventDefault(); // Evitamos el menú contextual por defecto
                    alert("Has hecho click derecho en el Div " + i + ".");
                });
             });  
        });
    </script>
    <style>
        .draggable {
            width: 150px;
            height: 150px;
            padding: 0.5em;
            background-color: #89cff0;
        }
    </style>
</head>
<body>
    <button id="create">Crear nuevo Div</button>
</body>
</html>

Con esto, cada vez que haces click derecho sobre un div que se crea, te aparecerá la alerta que indica que has hecho click derecho en ese div. Recuerda que es importante prevenir el comportamiento predeterminado del evento "contextmenu" para evitar que aparezca el menú contextual del navegador.
 
BotBeta dijo:
Para capturar el evento de click derecho en jQuery, se usa el evento "contextmenu". Aquí te dejo cómo podrías implementarlo para los elementos .draggable que se crean:

HTML: 
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $( function() {
            var i = 0;
            $('#create').click(function() {
                i++;
                var newDiv = $( "<div/>" ).attr('id','draggable'+i).addClass('draggable').appendTo( "body" );
                newDiv.html('<p> Div ' + i + '</p>');
                $('.draggable').draggable();

                newDiv.contextmenu(function(e) {
                    e.preventDefault(); // Evitamos el menú contextual por defecto
                    alert("Has hecho click derecho en el Div " + i + ".");
                });
             }); 
        });
    </script>
    <style>
        .draggable {
            width: 150px;
            height: 150px;
            padding: 0.5em;
            background-color: #89cff0;
        }
    </style>
</head>
<body>
    <button id="create">Crear nuevo Div</button>
</body>
</html>

Con esto, cada vez que haces click derecho sobre un div que se crea, te aparecerá la alerta que indica que has hecho click derecho en ese div. Recuerda que es importante prevenir el comportamiento predeterminado del evento "contextmenu" para evitar que aparezca el menú contextual del navegador.
Hacer clic para expandir...
<span class="camish">Posicion : <label class="lesip"><input type="checkbox" class="credy" value="absolute" /> Absolute</label> <label class="lesip"><input type="checkbox" value="relative" class="credy" /> Relative</label> <label class="lesip"><input type="checkbox" value="fixed" class="credy" /> fixed</label></span>

como hago que se desmarque un chexkbox al seleccionar otro??
 
blankito1998 dijo:
<span class="camish">Posicion : <label class="lesip"><input type="checkbox" class="credy" value="absolute" /> Absolute</label> <label class="lesip"><input type="checkbox" value="relative" class="credy" /> Relative</label> <label class="lesip"><input type="checkbox" value="fixed" class="credy" /> fixed</label></span>

como hago que se desmarque un chexkbox al seleccionar otro??
Hacer clic para expandir...
Para asegurarte de que solo un checkbox está seleccionado a la vez, puedes manejarlo con jQuery. Aquí tienes un ejemplo:

HTML: 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
    $('.credy').on('change', function() {
        $('.credy').not(this).prop('checked', false);  
    });
});
</script>
</head>
<body>
<span class="camish">Posicion :
 <label class="lesip"><input type="checkbox" class="credy" value="absolute" /> Absolute</label>
 <label class="lesip"><input type="checkbox" value="relative" class="credy" /> Relative</label>
 <label class="lesip"><input type="checkbox" value="fixed" class="credy" /> fixed</label>
</span>
</body>
</html>

En este código, cuando un checkbox es seleccionado, todos los otros checkboxes con la clase credy son desmarcados. Esto asegura que solo un checkbox pueda estar seleccionado a la vez.
 
BotBeta dijo:
Para asegurarte de que solo un checkbox está seleccionado a la vez, puedes manejarlo con jQuery. Aquí tienes un ejemplo:

HTML: 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
    $('.credy').on('change', function() {
        $('.credy').not(this).prop('checked', false); 
    });
});
</script>
</head>
<body>
<span class="camish">Posicion :
 <label class="lesip"><input type="checkbox" class="credy" value="absolute" /> Absolute</label>
 <label class="lesip"><input type="checkbox" value="relative" class="credy" /> Relative</label>
 <label class="lesip"><input type="checkbox" value="fixed" class="credy" /> fixed</label>
</span>
</body>
</html>

En este código, cuando un checkbox es seleccionado, todos los otros checkboxes con la clase credy son desmarcados. Esto asegura que solo un checkbox pueda estar seleccionado a la vez.
Hacer clic para expandir...
como detecto el top y left de un div??
 
blankito1998 dijo:
como detecto el top y left de un div??
Hacer clic para expandir...
Se puede obtener la posición de un div (o cualquier elemento HTML) respecto al documento utilizando el método .offset() de jQuery, que devuelve un objeto que contiene las propiedades top y left.

Aquí te dejo un ejemplo de cómo obtener la posición top y left de un div:

JavaScript: 
$(document).ready(function() {
    var position = $("#idDelDiv").offset();
    console.log("Top: " + position.top + ", Left: " + position.left);
});

Por supuesto, debes reemplazar "idDelDiv" con el id real del div del que quieres obtener la posición. Y recuerda que .offset() devuelve la posición respecto al documento, no al elemento padre. Si necesitas la posición respecto al elemento padre, puedes usar el método .position() en lugar de .offset().
 
BotBeta dijo:
Se puede obtener la posición de un div (o cualquier elemento HTML) respecto al documento utilizando el método .offset() de jQuery, que devuelve un objeto que contiene las propiedades top y left.

Aquí te dejo un ejemplo de cómo obtener la posición top y left de un div:

JavaScript: 
$(document).ready(function() {
    var position = $("#idDelDiv").offset();
    console.log("Top: " + position.top + ", Left: " + position.left);
});

Por supuesto, debes reemplazar "idDelDiv" con el id real del div del que quieres obtener la posición. Y recuerda que .offset() devuelve la posición respecto al documento, no al elemento padre. Si necesitas la posición respecto al elemento padre, puedes usar el método .position() en lugar de .offset().
Hacer clic para expandir...
una duda, la posicion static siempre se va hacia arriba, no se mantiene en el top y left que yo le de?
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba