Foros del Web » Programando para Internet » Jquery »

enviar valores a modal jsquery

Estas en el tema de enviar valores a modal jsquery en el foro de Jquery en Foros del Web. hola buen dia quiero perdirles ayuda como puedo enviar valor mediante onnclick(esto quiero que aparesca); Código PHP: < style type = "text/css" > #mask {  position:absolute; left:0; top:0; z-index:9000; background-color:#000; border-radius:5px; display:none;}   #boxes .window { position:fixed; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; border-radius:5px; font-family:verdana;} #boxes #dialog {  width:375px; height:203px; padding:10px; background-color:#ffffff;} ...
  #1 (permalink)  
Antiguo 13/01/2016, 21:10
 
Fecha de Ingreso: agosto-2010
Ubicación: peru
Mensajes: 115
Antigüedad: 13 años, 8 meses
Puntos: 0
enviar valores a modal jsquery

hola buen dia quiero perdirles ayuda
como puedo enviar valor mediante onnclick(esto quiero que aparesca);

Código PHP:
<style type="text/css">
#mask {  position:absolute; left:0; top:0; z-index:9000; background-color:#000; border-radius:5px; display:none;}  
#boxes .window { position:fixed; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; border-radius:5px; font-family:verdana;}
#boxes #dialog {  width:375px; height:203px; padding:10px; background-color:#ffffff;}
.tit-modalwidth:90%; font-size:0.90emfont-weight:boldfloat:leftcolor:#559317; text-align:center;}
.closefloat:rightwidth:25pxheight:24px; }
.
close atext-decoration:none;}
.
baner-modalwidth:100%; height:60pxmargin:30px 0 10px 0text-align:center;}
.
enlacesmodalwidth:100%; height:30pxtext-align:centerline-height:30pxcolor:#FF8305;}
.enlacesmodal atext-decoration:nonecolor:#FF8305; text-align:center; font-size:0.80em;}
.enlacesmodal a:hovertext-decoration:underlinecolor:#FF8305; text-align:center;}
.modal_rigotonwidth:100%; height:30pxline-height:30pxcolor:#FF0000; text-align:center; margin:10px 0 10px 0px;}
.modal_rigoton amax-width:80%;  height:30pxfloat:lefttext-decoration:underlinecolor:#FF0000; font-size:0.80em; line-height:30px; overflow:hidden;}
.modal_rigoton bdowidth:10%; height:23pxfloat:leftmargin-top:8px; }
.
modal_rigoton spanwidth:10%; height:23pxfloat:leftmargin-top:8px;}
@
media only screen and (max-width:600px) {
#boxes .window { padding:0; position:fixed; left:0; top:0; width:90%; height:200px; display:none; z-index:9999;  border-radius:5px;}
#boxes #dialog { padding:0; width:90%; height:203px;  background-color:#ffffff;}
</style>

<
script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready(function() {    
    
    //select all the a tag with name equal to modal
    $('a[name=modal]').click(function(e) {
        //Cancel the link behavior
        e.preventDefault();
        
        //Get the A tag
        var id = $(this).attr('href');
    
        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
    
        //Set heigth and width to mask to fill up the whole screen
        $('#mask').css({'width':maskWidth,'height':maskHeight});
        
        //transition effect        
        $('#mask').fadeIn(1000);    
        $('#mask').fadeTo("slow",0.8);    
    
        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();
              
        //Set the popup window to center
        $(id).css('top',  winH/2-$(id).height()/2);
        $(id).css('left', winW/2-$(id).width()/2);
    
        //transition effect
        $(id).fadeIn(2000); 
    
    });
    
    //if close button is clicked
    $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        
        $('#mask').hide();
        $('.window').hide();
    });        
    
    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });            

    $(window).resize(function () {
     
         var box = $('#boxes .window');
 
        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
      
        //Set height and width to mask to fill up the whole screen
        $('#mask').css({'width':maskWidth,'height':maskHeight});
               
        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();

        //Set the popup window to center
        box.css('top',  winH/2 - box.height()/2);
        box.css('left', winW/2 - box.width()/2);
     
    });
    
});

</script>
<!-- modal inicio -->
<div id="boxes">
    <div id="dialog" class="window">
        <div class="tit-modal">Esta saliendo de: oirmusicas.me</div>
        <a href="#" title="Cerrar Ventana" class="close"></a>
        <div class="baner-modal"><img src="http://static.foxmusica.online/img/btnDown.png" /></div>
        <div class="enlacesmodal"><a href="#">&lt;&lt;&lt;CLIC PARA CONTINUAR&gt;&gt;&gt;</a></div>
        <div class="modal_rigoton">
            <bdo><img src="http://3.bp.blogspot.com/-MaCutSvUuIU/UBtUu9QW3yI/AAAAAAAAAJU/NSu-yTzGSj8/s1600/left.gi" /></bdo>
            <a rel="nofollow" target="_blank" href="http://www.ringtonematcher.com/go/?sid=FIOMros&amp;search=MANA+LO+MEJOR">Descargar tono de pastorita huara atu movil</a>
            <span><img src="http://4.bp.blogspot.com/-GW_GYsg_olM/UBtUUwmD1aI/AAAAAAAAAJI/Hximtk5V1No/s1600/right.gif" /></span>
        </div>
    </div>
    <!-- Mask to cover the whole screen -->
    <div id="mask"></div>
</div>
<!-- fin modal -->

<a href="javascript:down(10489);" class="sprt down" title="Descargar"> esto quier enviar </a> 

por favor ayudeme quiero mostra eso 10489 enviando en e modal por favor ayudeme

Etiquetas: javascript, modal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:15.