Rodrigo Grubert
-
Total de itens
2 -
Registro em
-
Última visita
Sobre Rodrigo Grubert
Rodrigo Grubert's Achievements
0
Reputação
-
Pessoal, estou fazendo um programa de somas no flash. Basicamente, cada ítem tem um valor definido, como na imagem abaixo. Preciso fazer esses ítens cliclaveis ao estilo checkbox. Para isso, criei um movieclip e no frame 1 ele está sem seleção e no frame 2 com seleção e coloquei a ação de play ao clicar, pois ai ele pula de um frame a outro. tenho uma text area que irá aparecer os valores. O problema é que não acho nada que posso usar, segui um tutorial de calculadora, mas não me ajudou muito. A missão é a seguinte, preciso que apareça o valor na text area de cada item selecionado, e que eles somem automaticamente. E se eu clicar novamente, ele precisa tirar o valor do ítem. Coloquei em cada checkbox o seu respectivo valor, e consigo fazer ele aparecer na minha text area, porém não consegui fazer a soma, visto que os tutoriais semelhantes que eu acho, preciso guardar o valor em algum lugar, e não tenho noção de como fazer isso. Alguém possui alguma dica?
-
Pessoal, tudo certo? Estou desenvolvendo um site com 3 colunas principais de conteúdo. As 3 colunas são divs dentro de um div main. Usei o esquema de float right, float left e a div do meio com margin: 0 auto. Abaixo dessas 3 divs tem mais 3 outras divs, que são botões, mas o texto está pulando fora. :( Fiz o esquema de usar o display:table na div main e também de usar uma div com clear both, mas não funcionou. Vocês possuem alguma dica? Deixo a imagem do site, o código html e o css. Agradeço desde já, pessoal. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="estilo.css" rel="stylesheet" type="text/css"> <title>NeoTass - Eventos</title> </head> <body> <div id="topo"> <div id="logo"> </div> </div> <div id="topo_baixo"> </div> <div id="titulo"> TELA INICIAL </div> <div id="main"> <div id="explicacao"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <div id="texto_index"> Escolha a quantidade de pessoas: </div> <div id="menu_esquerda_index"> <ul> <li><a href="#">Item 01</a></li> </ul> </div> <div id="menu_direita_index"> <ul> <li><a href="#">Item 07</a></li> </ul> </div> <div id="menu_meio_index"> <ul> <li><a href="#">Item 13</a></li> </ul> </div> <div id="cont_dir"> <div id="seta_dir"> </div> <div id="avancar"> <a href="#">Começar</a> </div> </div> </div> </body> </html> *{ margin:0; padding:0; } body{ background:#303030; } ul{ list-style:none; } li{ font-family:"Trebuchet MS", Arial, Tahoma; font-size:15px; border-bottom:1px solid #f35900; padding:15px; padding-left:30px; } li a{ color:#FFF; text-decoration:none; } #topo{ background: #FFF; height:94px; width:100%; } #logo{ background-image:url(images/logo.jpg); background-repeat:no-repeat; position:absolute; height:85px; width:935px; left:50%; ; } #topo_baixo{ background: #f36e21; height:5px; width:100%; } #titulo{ background: #303030; height:80px; width:100%; margin-top:30px; color:#FFF; font-family:"Trebuchet MS", Arial, Tahoma; font-size:50px; text-align:center; } #texto_index{ height:20px; width:100%; padding-top:130px; padding-bottom:20px; color:#f36e21; font-family:"Trebuchet MS", Arial, Tahoma; font-size:20px; } #texto{ height:20px; width:100%; padding-bottom:20px; color:#f36e21; font-family:"Trebuchet MS", Arial, Tahoma; font-size:20px; } #main{ position:absolute; margin-top:15px; width:935px; background:#303030; left:50%; ; } #explicacao{ position:absolute; height:400px; width:700px; color:#fff; font-family:"Trebuchet MS", Arial, Tahoma; font-size:16px; left:50%; ; } #menu_esquerda{ float:left; width:245px; background:#f36e21; height:288px; } #menu_direita{ float:right; width:245px; background:#f36e21; height:288px; } #menu_meio{ margin:0 auto; width:245px; background:#f36e21; height:288px; } #menu_esquerda_index{ border-right:1px solid #f35900; float:left; width:311px; background:#f36e21; height:48px; } #menu_direita_index{ float:right; width:312px; background:#f36e21; height:48px; } #menu_meio_index{ border-right:1px solid #f35900; margin:0 auto; width:310px; background:#f36e21; height:48px; } #cont_esq{ background:#f36e21; float:left; height:48px; width:245px; margin-top:48px; } #seta_esq{ background-image:url(images/seta_esq.jpg); height:48px; width:55px; } #voltar{ padding-top:10px; text-align:center; color:#fff; font-family:"Trebuchet MS", Arial, Tahoma; font-size:20px; font-weight: normal; } #voltar a{ color:#fff; text-decoration:none; } #cont_dir{ background:#f36e21; float:right; height:48px; width:245px; margin-top:48px; } #avancar{ padding-top:10px; text-align:center; color:#fff; font-family:"Trebuchet MS", Arial, Tahoma; font-size:20px; font-weight: normal; } #avancar a{ color:#fff; text-decoration:none; } #seta_dir{ margin-left:190px; background-image:url(images/seta_dir.jpg); height:48px; width:55px; } #cont_meio{ background:#f36e21; margin:0 auto; height:48px; width:245px; margin-top:48px; } #total{ padding-top:10px; text-align:center; color:#fff; font-family:"Trebuchet MS", Arial, Tahoma; font-size:20px; font-weight: normal; }