Home / user-27159

Antonio Ángel Estrada Pérez's questions

Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-07-01 18:15:26 +0800 CST
  • 1

I have installed material design for contact form 7 on my wordpress website. The problem is that the score in google's pageSpeed ​​has considerably worsened, since all my resources have 1 to 2kb of load (except bootstrap which has 20kb). But Material design is 23kb .. and it makes the score much worse. Is there a way to make material design consume less resources? Any .min version or something?

The plugin creators have told me to include the following code, but it doesn't help me... do you know if something is wrong or can be written in a more efficient way?

function graficoantonio_dequeue_cf7md() {
  if( !is_page( 'contacto' ) ) {    
      wp_dequeue_script( 'autosize' );
      wp_dequeue_script( 'cf7-material-design' );
      wp_dequeue_style( 'cf7md_roboto' );
      wp_dequeue_style( 'cf7-material-design' );
  }
}
add_action( 'wp_print_scripts', 'graficoantonio_dequeue_cf7md', 100 );

php
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-06-07 04:02:08 +0800 CST
  • 1

I am making a website in wordpress, I want to include some features with JS, so I have created a file called my_script.js in the js/my_script.js directory

I have created a simple button with an alert to see if it works, but it gives me an error in the console that it does not recognize the function.

I am attaching the functions code to see if you can tell me where I am making the mistake.

function pyrans_styles() {
    // registrar estilos
    wp_register_style('normalize', get_template_directory_uri() . '/css/normalize.css', array(),'5.0');
    wp_register_style('style', get_template_directory_uri() . '/style.css', array('normalize'),'1.0');

    //llamar a los estilos
    wp_enqueue_style('normalize');
    wp_enqueue_style('style');
    wp_enqueue_style( 'bootstrap', "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css");
    wp_enqueue_style( 'fontawesome', get_stylesheet_directory_uri() . '/css/font-awesome.min.css' );

    wp_enqueue_style('Montserrat', "https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800&display=swap");
    wp_enqueue_style('Open_Sans', "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");


    

    wp_enqueue_script( 'bootstrapjs', "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js", array('jquery'), '3.3.6', true );

    //registrar js, el TRUE sirve para q cargue el archivo en el footer
    wp_register_script('scripts', get_template_directory_uri() .'/js/scripts.js', array(),'1.1.0', true);

    //llamar al js
    wp_enqueue_script('jquery');
    // El jquery ya viene instalador en WP, por lo que solo tenemos que hacer la llamada.
    wp_enqueue_script('mi_script');
}
add_action('wp_enqueue_scripts', 'pyrans_styles' );

$ = jQuery.noConflict();

$(document).ready(function(){
    
    $('.mobile-menu a').on('click', function(){
        $('nav.menu-sitio').toggle('slow');
    } );
    
    var breakpoint = 768;
    $(window).resize(function(){
//        console.log( $(document).width() ) 
//        para ver el tamaño de la pantalla en la consola
        if($(document).width() >= breakpoint){
             $('nav.menu-sitio').show();
        }else{
            $('nav.menu-sitio').hide();
        }
    } );
    
    function myFunction() {
        alert("I am an alert box!");
      }
    
    
});

<button onclick="myFunction()">Try it</button>

I don't know if I'm making a mistake when inserting the bootstrap library, since each recent version changes, I would appreciate if you tell me if I'm doing it right or wrong. I hope your answer ! Thank you

php
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-07-14 03:37:43 +0800 CST
  • 1

I want a 20-30 second fullscreen loop video to appear on my website. I have downloaded it on shutterstock in hd quality, right now it weighs 200mb. What I don't know is what characteristics the video must have to be 100% optimized so that it loads as quickly as possible and doesn't lose excessive quality.

Is there any free tool to do this?

<video autoplay muted loop id="myVideo" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg">
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
  Your browser does not support HTML5 video.
</video>

*Note: I have put up a test video right now.

javascript
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-05-16 08:33:39 +0800 CST
  • 0

I need to create a subfolder in the domain https://www.xxxxx.es The subdomain I want to enable is https://www.xxxxx.es **/en/**recrea/

Is there a way to do this? In the wordpress links it doesn't let me do it and I don't know if you have to force it in some way with the htaccess or in the server user there is an easier way to do it.

I have talked to the server and it has told me this:

usted indica que desea crear un subdominio en https://www.xxxx.es

Un subdominio es una dirección que se engloba dentro del dominio principal, es decir, subdominio.xxxxx.es.

Si lo que necesita hacer es una subcarpeta dentro del dominio: https://www.xxxxx.es/en/recrea puede hacerlo desde el Gestor de Archivos del panel.

Para acceder al Gestor de Archivos de DirectAdmin realice el siguiente procedimiento:

    Acceda al panel DirectAdmin del dominio
    Entre en el menú "Herramientas"
    Haga click sobre "Gestor de Archivos"

Si tiene algún problema para seguir los pasos indíquenos dónde se queda, el error concreto y qué aparece en pantalla. También puede realizar cualquier cambio en su web conectando mediante FTP.

A continuación le indico el procedimiento para crear subdominios si eso es lo que necesita:

    Entre al panel del dominio en cuestión
    Pulse en la opción "Gestión de Subdominios" del apartado "Herramientas"
    Pulse en el botón "Añadir subdominio" que encontrará bajo el menú general
    En la opción "Agregar subdominio: [________].sudominio.xxx" escriba el subdominio elegido y pulse en "Crear"

My question is, once I do this, how do I do from wordpress so that it takes the link I want? https://www.xxxxx.es **/en/**recreas/

All the best !

html
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-10-24 02:16:37 +0800 CST
  • 4

I'm trying to make a parallelogram but I don't know how to make exactly the one I want. I have seen some that are quite similar to the one I want to achieve.

#paralelogramo {
   width: 150px; 
   height: 100px; 
   background: #bdc3c7;
   -webkit-transform: skew(20deg); 
   -moz-transform: skew(20deg); 
   -o-transform: skew(20deg); 
}
<div id="paralelogramo" class="forma"></div>

enter image description here That's the most I've ever gotten.

The result I want to achieve is the following:enter image description here

I don't want it to be an image as when I hover and the mouse effects won't work right.

All the best !

css
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-05-13 00:26:09 +0800 CST
  • 0

I'm trying to make a website where users who want to access a contest must register on the website. For this I have thought of using the cimy plugin that with it you can add fields in the wordpress registry.

enter image description here

My intention is to give access to certain pages to registered users with the user access manager plugin .

My question is: When users register, can they access the wordpress admin panel??? Because I only want them to be able to access certain web pages by entering their username and password.

wordpress
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-04-06 08:27:00 +0800 CST
  • 0

Good morning, I was investing to make an online store, and I need to know how I can do it so that when I hover over a product it shows me the available sizes. Something similar to what you see on this website: http://www.bobbies.com/es/117580-mocassins enter image description here

Is this setting available in woocommerce adding attributes maybe?

enter image description here

How would you go about doing this size thing? Suggestions welcome. !

php
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-03-16 03:59:43 +0800 CST
  • 0

I am making a website with ACF, and I am having complications in how to create a loop so that a part of the content is loaded only on the categories page with the slug: "rates-all".

To do so, what I have done has been to create a Custom field (a slider) and I have told it to load it only in that section (which appears as a store in the image): enter image description here

Then I have told it in the loop-archive.php to load it for me:

<?php if ( ! have_posts() ) : ?>
		<h1><?php _e( 'Not Found', 'limon' ); ?></h1>
		<p><?php _e( 'Apologies, but the page you requested could not be found. Perhaps searching will help.', 'limon' ); ?></p>
<?php endif; ?>
    


                <div id="slide_home" class="full marginBottom_2em marginTop_1em">
                    <?php include('slide_nuevo.php')?>
                </div>

    
<?php while ( have_posts() ) : the_post(); ?>
		<div class="marginBottom_1em marginTop_1em">
            
        	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            	<header>
 				<?php $url=get_permalink();?>
     	       </header>
           

			
                	
					<div class="marginTop_1em">
                    	
                        <?php 
						$id = $post->ID;
						$categorias = get_the_terms($id, 'tipos-de-tarifas');
						$count = 0; 
						foreach($categorias as $categoria){
						$count ++;
						if($count == 1){
						$name = $categoria->slug;
						$id = $categoria->term_id;
						$name_id = 'tipos-de-tarifas_'.$id;
						$prueba = get_field('color', $name_id);
							}
						}
						;?>
                        

         
                        
                        
                        
                       
                        <div class="grid_3 white paddingBottom_1em">
                        	<a style="width:280px;min-height:200px!important;max-height:200px!important;" class="link" href="<?php echo $url;?>" ><br /></a>
                       		<h3 class="white padding_1em"><?php the_field('velocidad'); ?></h3>
                        	<div class="precio whitecolor padding_1em" style="background:<?php echo $prueba;?>;">
                        		<p class="digitos"><?php the_field('precio'); ?></p>
                				<p class="decimales">,<?php the_field('decimales_precio'); ?></p>
                				<p class="euros">€/mes</p>
                				<p class="condiciones"><?php the_field('condiciones'); ?></p>
                				<div class="clear"></div>
							</div>
                        </div>
                        
                        <div class="grid_9">
                        	<h2 class="title left paddingTop_05em">
								<a title="<?php printf( esc_attr__( 'Permalink to %s', 'limon' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
							</h2>
                            <div class="right">
                            <?php 
						$id = $post->ID;
						$categorias = get_the_terms($id, 'tipos-de-tarifas');
						$count =  0;
						foreach($categorias as $categoria){
							$count++;
							//var_dump($categoria);
						$id = $categoria->term_id;
						$parent = $categoria->parent;
						if($count > 1){
							break;
						}
						//$ids = array_fill(0, 6, $id);
						//var_dump($ids);
							if($id == 15){
								}elseif($parent == 15){ }else{echo __('<a class="coberturas_button" href="#">Ver cobertura</a>', 'limon');}
						}
						?>
                            
                            <a id="contratar_button" class="inline cboxElement" href="#formulario"><?php echo __('Alta online', 'limon');?></a>
                            </div>
                            <div class="clear"></div>
                            <ul class="caracteristicas">
                            
                            <?php $caracteristicas = get_field('caracteristicas');
									$velocidad = get_field('velocidad_de_bajada_y_subida');
								
									$count = 0;
									if (!empty($caracteristicas)){
										foreach( $caracteristicas as $caracteristica){
											$count ++;
											$caracteristica = $caracteristica['caracteristica'];
											$par = $count%2;
											if($par != 0){
													echo '<li class="grid_5 alpha omega izq"><p class="padding_1em">'.$caracteristica.'. </p></li>';
											}else{
												echo '<li class="grid_4 right alpha omega der"><p class="padding_1em">'.$caracteristica.'. </p></li>';
											}
													
										}	
										
										
												
										
											
										
										
										
							}?>
                            	<div class="clear"></div>
                            </ul>
                            <?php if($velocidad){ 
								echo '<ul class="caracteristicas"><li class=""><p class="padding_1em"><strong>Velocidad de bajada/subida: '.$velocidad.'</strong></p></li></ul>';
								}?>
                            
                        </div><!--grid_9-->
                        
                        <div class="clear"></div>
                        
					</div><!--marginTop_1em-->
					
						
			
            	<footer>
           		</footer>
        	</article>
			<div class="clear"></div>
		</div><!--marginBottom_1em-->
<?php endwhile; // End the loop. Whew. ?>
		<div class="clear"></div>		
		<!-- <nav class="grid_8 textAlignRight"> Ocultar paginacion
        	<?php wp_pagenavi(); ?>
		</nav> -->
 

<div class="clear"></div>		
<?php wp_reset_query();?>
</div>

But it loads me in all the categories, and I only want it to load it in one.

What I can do?

php
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-02-15 11:11:49 +0800 CST
  • 1

I am making a full screen menu.

I have a menu that, when I hover over a link, shows some extra descriptive text. The problem is that I'm doing it via CSS, and when I hover , it hovers over all the menu items and shows me all the texts, instead of just the one I hover over :

.homepage-link{
  display: block;
  position: relative;
  color: #ffffff;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: 'Helvetica';
  font-weight: 500;
  font-style: normal;
  font-size: 38px;
}

  .homepage-link .homepage-link-tagline {
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 100%; }
  .homepage-link:hover .homepage-link-tagline {
 
    opacity: 1; }


.homepage-page-wrapper {
  height: 100%;
  background: #212121;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9000;
  width: 100%;
  margin-left: 0;
  min-height: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
  .touch .homepage-page-wrapper {
    display: none; }
  .touch .homepage.landing .homepage-page-wrapper {
    display: block; }

#homepage-page-overlay {
  
  opacity: 1;
/*  top: -100%;*/
  width: 100%;
/*  display: none;*/
  position: fixed; }
  #homepage-page-overlay .close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 2em; }
  .homepage #homepage-page-overlay {
    top: 0;
    display: block; }
    .homepage #homepage-page-overlay .close-modal {
      display: none; }
    .homepage #homepage-page-overlay .site-nav-search {
      display: none; }
    <div id="homepage-page-overlay" class="page-wrapper homepage-page-wrapper">
        <div class="homepage-link">
                   <a href="inicio.html" class="homepage-link homepage-link-ajax homepage-link--why-we-make">INICIO</a><span class="homepage-link-tagline" class="homepage-link homepage-link-ajax homepage-link--why-we-make">Mucho de nosotros</span>
                   <a href="empresa.html" class="homepage-link homepage-link-ajax homepage-link--why-we-make">EMPRESA</a><span class="homepage-link-tagline">Somos todos nosotros</span>
                   <a href="tienda.html" class="homepage-link homepage-link-ajax homepage-link--why-we-make">TIENDA</a><span class="homepage-link-tagline">Nuestros productos de tienda</span>
                   <a href="blog.html" class="homepage-link homepage-link-ajax homepage-link--why-we-make">BLOG</a><span class="homepage-link-tagline">Nuestras ideas mas listas</span>
                   <a href="contacto.html" class="homepage-link homepage-link-ajax homepage-link--why-we-make">CONTACTO</a><span class="homepage-link-tagline">Nuestra informacion</span>

        </div>
    </div>

enter image description here

Does anyone know if I'm doing well for CSS or if I should do better for jQuery?

jquery
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-02-08 00:20:24 +0800 CST
  • -3

I have the following Javascript and PHP code, but I'm going to upload it to a server that doesn't support PHP, so I need to remove the PHP from the code, do it without mentioning any PHP at all.

I attach the code to see if you can help me to solve it.

document.addEventListener('DOMContentLoaded', function () {
    var clickTimes = 0;
    var inicialImage = document.getElementById('inicial');
    var loadingImage = document.getElementById('pensando');
    var ideaImage = document.getElementById('idea');
    var finalImage = document.getElementById('final');
    var btnRandomWord = document.getElementById('randomWordGen');
    var wordOutput = document.getElementById('wordOutput');
    var ocultarCarga = document.getElementById('ocultar_mientras_carga');
    var contenedorWord = document.getElementById('wordOutput');
    var contenedor_formulario = document.getElementById('contenedor_formulario');
    
    
    if(clickTimes == 0){
        ideaImage.classList.remove('visible');
        inicialImage.classList.add('visible');
        ocultarCarga.classList.add('visible');
        contenedorWord.classList.remove('visible');

    }

  btnRandomWord.addEventListener('click', function () {
    if (clickTimes < 3) {
        ocultarCarga.remove('visible'); // elimina la clase CSS 'visible'
        inicialImage.remove('visible'); // elimina la clase CSS 'visible'
   
        
        ideaImage.classList.remove('visible'); // elimina la clase CSS 'visible'
        btnRandomWord.classList.add('invisible'); //elimina boton generar palabra
        contenedorWord.classList.add('visible');
 

      var request = new XMLHttpRequest();
      // método HTTP y URL
      request.open('GET', 'php/randomwordgen.php?clickTimes='+clickTimes);
      request.onload = function () {
        // estado 4 = petición completada y respuesta recibida
        if (request.readyState === 4) {
          // código HTTP 200 = petición exitosa
          if (request.status === 200) {
            // se define un timeout de 2.5 segundos (ms)
            window.setTimeout(function () {
                
                loadingImage.classList.remove('visible');
                ideaImage.classList.add('visible');
                contenedor_formulario.classList.add('visible');
                
                wordOutput.textContent = request.responseText;
                clickTimes++;
            }, 300);
          }
        }
      };
      request.send(); // se envía la petición
    } else {
        loadingImage.classList.add('visible');
        ideaImage.classList.remove('visible');
            window.setTimeout(function () {
                
                loadingImage.classList.remove('visible');
                 
                wordOutput.textContent = 'MEJOR REGALALE UN MINI';
                finalImage.classList.add('visible'); // añade la clase CSS 'visible'
            }, 1000);
               
               
                btnRandomWord.classList.add('invisible');
    }
  });
});
<?php

if(isset($_GET['clickTimes'])){
 $numero=$_GET['clickTimes']+1;
   $frases = array(
      1 => "",
      2 => "",
      3 => "",
      4 => "",

    );

   echo $frases[$numero];
}
?>
            <div id="final">
                <img src="css/images/gif_prueba01.gif" alt="final" title="final"/><br>
               Nuevo mini
            </div>

            <div id="inicial" class="wow pulse">
                <img src="css/images/icono_generar_simple.png" alt="inicial" title="inicial"/><br>
                
            </div><br>

            <div id="idea">
                <img src="css/images/gif_prueba01.gif" alt="idea" title="idea"/><br>
            </div>

            <div id="pensando">

                <img src="css/images/Gif_Landing.gif" alt="pensando" title="Pensando"/><br>
               
            </div>
<br>

            <div class="word">
            <span id="wordOutput" class="ocultar_idea_cuando_carga">
            </span>
            <br><button id="randomWordGen">GENERAR IDEA</button><br>
                
            </div>

javascript
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-02-07 03:33:36 +0800 CST
  • 2

By php I have a list of the words, which I want to appear one by one when I press a button by JS. Right now with the code I have I show the words one by one but out of order. What I want to do is show them in an orderly way just as I have them written in the code.

document.addEventListener('DOMContentLoaded', function () {
  var clickTimes = 0;
  var inicialImage = document.getElementById('inicial');
  var loadingImage = document.getElementById('pensando');
    var ideaImage = document.getElementById('idea');
    var finalImage = document.getElementById('final');
  var btnRandomWord = document.getElementById('randomWordGen');
  var wordOutput = document.getElementById('wordOutput');
  var ocultarCarga = document.getElementById('ocultar_mientras_carga');
    
    if(clickTimes == 0){
        ideaImage.classList.remove('visible');
        inicialImage.classList.add('visible');
        ocultarCarga.classList.add('visible');
    }

  btnRandomWord.addEventListener('click', function () {
    if (clickTimes < 3) {
        ocultarCarga.remove('visible'); // elimina la clase CSS 'visible'
        inicialImage.remove('visible'); // elimina la clase CSS 'visible'
        loadingImage.classList.add('visible'); // agrega la clase CSS 'visible'
        ideaImage.classList.remove('visible'); // elimina la clase CSS 'visible'
        btnRandomWord.classList.add('invisible'); //elimina boton generar palabra

      var request = new XMLHttpRequest();
      // método HTTP y URL
      request.open('GET', 'php/randomwordgen.php');
      request.onload = function () {
        // estado 4 = petición completada y respuesta recibida
        if (request.readyState === 4) {
          // código HTTP 200 = petición exitosa
          if (request.status === 200) {
            // se define un timeout de 2.5 segundos (ms)
            window.setTimeout(function () {
                btnRandomWord.classList.remove('invisible'); //muestra el boton generar palabra
                loadingImage.classList.remove('visible');
                ideaImage.classList.add('visible');
                wordOutput.textContent = request.responseText;
                clickTimes++;
            }, 1000);
          }
        }
      };
      request.send(); // se envía la petición
    } else {
        loadingImage.classList.add('visible');
        ideaImage.classList.remove('visible');
            window.setTimeout(function () {
                
                loadingImage.classList.remove('visible');
                 
                wordOutput.textContent = 'MEJOR REGALALE UN MINI';
                finalImage.classList.add('visible'); // añade la clase CSS 'visible'
            }, 1000);
               
               
                btnRandomWord.classList.add('invisible');
    }
  });
});
<?php

$frases = array(
  1 => "MINIPIMER",
  2 => "MINIBAR",
  3 => "MINIFALDA",
);

$numero = rand (1,6);

echo $frases[$numero];

?>
    <div id="final">
        <img src="images/model_new_mini_one.png" alt="final" title="final"/>
       Nuevo mini
    </div>

    <div id="inicial">
        <img src="images/cocinando.gif" alt="inicial" title="inicial"/>
        Click para pensar una idea
    </div>
    
    <div id="idea">
        <img src="images/idea.gif" alt="idea" title="idea"/>
        Tenemos una idea!
    </div>
    
    <div id="pensando">

        <img src="images/hsk.gif" alt="cocinando" title="Cocinando"/>
        <p>Estamos pensado una idea...</p>
    </div>
    
    
    <div class="word">
      <span id="wordOutput"></span>
        <button id="randomWordGen">Generate</button>
    </div>

I am showing an array of numbers through php, right now I show it with the rand function so that they are out of order. How do I make them display in order?

<?php

$frases = array(
  1 => "Una lavadora",
  2 => "Un movil",
  3 => "Una muñeca",
  4 => "Un Pecho",
  5 => "Una caca",
  6 => "JOSEJUAN",
);

$numero = rand (1,6);

echo $frases[$numero];

?>

php
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-02-05 10:13:43 +0800 CST
  • 0

I have a code in which every time I press a button it shows me a random word from the list through a js code.

Now I want the word not to be displayed instantly, but to take a few seconds to display the word and while those seconds pass, a loading gif image is displayed . When those seconds are over, the image changes and one is shown, for example, YOU ARE FINISHED!.

How do I program that delay in displaying the information?

HTML

        <!-- Gif mientras carga -->
<div id="cocinando">
    <img src="images/cocinando.gif" alt="cocinando" title="Cocinando"/>
    <p>cocinando</p>
</div>

<!-- Muestra la palabra aleatoria -->
<div class="word">
  <span id="wordOutput"></span>
</div>
<button id="randomWordGen">Generate</button>

JS

document.addEventListener('DOMContentLoaded', function () {
  var clickTimes = 0;
  var btnRandomWord = document.getElementById('randomWordGen');
  var wordOutput = document.getElementById('wordOutput');
    

  btnRandomWord.addEventListener('click', function () {
    if (clickTimes < 3) {
      var request = new XMLHttpRequest();
      // método HTTP y URL
      request.open('GET', 'randomwordgen.php');
      request.onload = function () {
        // estado 4 = petición completada y respuesta recibida
        if (request.readyState === 4) {
          // código HTTP 200 = petición exitosa
          if (request.status === 200) {
            wordOutput.textContent = request.responseText;
            clickTimes++;
          }
        }
      };
      request.send(); // se envía la petición
    } else {
      wordOutput.textContent = 'PALABRA FINAL';
    }
  });
});

RESULT enter image description here

javascript
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-02-05 03:54:32 +0800 CST
  • 0

I am working on a random word generator, I have made a word appear every time I press a button:

    <?php
     $frases = array(
     1 => "Una lavadora",
     2 => "Un movil",
     3 => "Una muñeca",
     );

     $numero = rand (1,3);

     echo "$frases[$numero]";
      ?>
      <input type="button" value="iniciar" onclick="document.location.reload();">

1-How can I make it so that the third time I press the button, the word YOU HAVE PRESSED THE BUTTON THREE TIMES! and stop generating words?

2-Is there any way to do it without reloading the entire page?

javascript
Martin Hope
Antonio Ángel Estrada Pérez
Asked: 2020-01-25 08:20:31 +0800 CST
  • 4

I have received an email from Google telling me that non-HTTPS websites will be penalized:

Insecure pages that collect passwords will generate warnings in Chrome 56 for xxxxx.es

To: owner of xxxxxx.es

Starting in January 2017, Chrome (version 56 and later) will mark pages that collect passwords or credit card information as insecure, unless they are served over the HTTPS protocol.

The following URLs include fields to enter passwords or credit card information for which the new Chrome warning will be displayed. Review these examples to see where notifications will appear so you can take steps to continue protecting user data. It is not a complete list; They are just examples.

[URLS]

This new warning is the first phase of a long-term plan to mark as insecure all those pages that are not encrypted with the HTTP protocol.

To resolve the issue: Collect sensitive information through HTTPS pages. To prevent the "page not secure" message from appearing when a Chrome user visits your site, include fields that collect passwords and credit card information on pages encrypted using the HTTPS protocol.

My websites are HTTP and I don't know how to get this certificate, what it is for or how it is implemented. Can an expert on the subject tell me:

  • What is SSL certificate? And what is it for?
  • How do I implement it on my website for the security of all users?
http