PHPfrance

la communauté d'entraide francophone dédiée au PHP

[RESOLU] Problème div clicable php

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Problème div clicable php

Re: Problème div clicable php

par Invité » 08 avr. 2013, 09:50

Génial, ça fonctionne ! Merci beaucoup je m'y prenais pas correctement dans le oneclic. Merci Ryle et Moogli.

Re: Problème div clicable php

par Ryle » 06 avr. 2013, 11:04

Modération :
Afin d'obtenir plus de réponses, le sujet a été déplacé dans un forum plus approprié.

En principe un simple :

Code : Tout sélectionner

<div class="midrow_block" onclick="javascript:document.location='<?php echo of_get_option('block1_link'); ?>';">...</div>
va rendre tout ton bloc "cliquable"

Re: Problème div clicable php

par moogli » 06 avr. 2013, 09:59

Sans code on peux pas t'aider ....

Il nous faut le html, le js le résultat et le résultat attendu.



@+

Re: Problème div clicable php

par Trusth » 05 avr. 2013, 09:40

Hum j'ai essayé mais ça ne fonctionne toujours pas, ça ne me donne qu'une zone à cliquer qui n'englobe pas la totalité du block

Re: Problème div clicable php

par moogli » 04 avr. 2013, 20:01

Salut,


En css pas possible (si part cliquable tu entend utiliser le lien).
Par contre en Javascript détecter le onclick et actionner le lien contenu c'est réalisable.
Avec framework comme jquery ou extjs tu y sera assez rapidement.


@+

Re: Problème div clicable php

par Trusth » 04 avr. 2013, 16:04

Voici le css qui va avec :
.midrow_blocks{ width:1000px; padding: 0px; background:#fff; float:left;  position:relative;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);}
.midrow_block{ float:left; width:220px; padding:25px 0px; overflow:hidden; padding-bottom:15px; height:105px;}


.midrow_block h3{ text-align:center; font-size:20px; color:#333;}
.midrow_block p{ text-align:center; font-size:13px;}
.midrow_blocks_wrap{ width:1000px; float:left;}


.mid_block_content { margin-top: -35px;padding: 25px 10px 0;}
.midrow_block:last-child .mid_block_content{ border:none;}


.midrow_block:hover{ background:#2bb975; color:#fff;}
.midrow_block:hover h3{ color:#fff;}


.blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;}
.midrow_block:hover .blocklink{ display:block; width:32px; height:32px; background:url(images/blocklink.png) no-repeat;}

Problème div clicable php

par Trusth » 04 avr. 2013, 15:52

Bonjour à tous,

Alors voici mon problème, j'ai un bloc, et lorsque je le survol si un lien est disponible cela affiche une petite flèche sur laquel je peux cliquer pour accéder au contenue.

J'ai ceci dans mon fichier php : 
<div class="midrow_block">
        <div class="mid_block_content">
        <h3><?php echo of_get_option('block1_text'); ?></h3>
        <p><?php echo of_get_option('block1_textarea'); ?></p>
	<?php if ( of_get_option('block1_link') ) { ?><a href="<?php echo of_get_option('block1_link'); ?>" class="blocklink"><?php _e('More', 'theron'); ?></a><?php } ?>
        </div>
        </div>
la flèche apparaît grâce à la classe "blocklink"
Je voudrais pouvoir rendre tout le midrow_block cliquable lors de son survole. Comment faire ?