Página 1 de 1

hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 01:24
por Nacho1191
la idea que busco es lo mismo que hace el quick reply donde al presionar el boton en el viewtopic aparece debajo.

Esa funcion la quiero implementar en los emoticonos dentro del posting y tambien quiero usarlo en el boton del reply en la parte para comentar en una galeria. (solo en esos dos casos)

segun revise es un javascript, pero no tengo idea como podria hacerlo con esos dos factores que mencione.

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 01:43
por memoadian
puedes manejarlo por el id del div ejemplo muy simple.

pagina.html

Código: Seleccionar todo

<script type="text/javascript">
function mostrardiv(name) {
    div = document.getElementById(name);
    div.style.display = 'block';
}

function cerrardiv(name) {
    div = document.getElementById(name);
    div.style.display='none';
}</script>

<a href="javascript:mostrardiv('div_oculto');">Mostrar</a>
<div id="div_oculto" style="display:none">
	Contenido mostrado <a href="javascript:cerrardiv('div_oculto');">X</a>
</div>

<a href="javascript:mostrardiv('div_oculto2');">Mostrar el div 2</a>
<div id="div_oculto2" style="display:none">
	Contenido mostrado del segundo div<a href="javascript:cerrardiv('div_oculto2');">X</a>
</div>
como ves, solo hace falta una funcion de cerrar, y otra de mostrar para aplicarla a cualquier div, la verdad no me he fijado en como lo hace phpbb. pero esto puede ayudarte a entenderlo.

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 08:15
por Nacho1191
gracias por tu respuesta memoadian, pero podrías darme un ejemplo practico?
es que en verdad no me queda claro como podria ponerlo por ejemplo en los emoticonos.

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 13:44
por zyxer
Podría intentar ayudarte, voy a ver si logro hacer lo de los emoticones en mi foro y si lo logro te aviso como lo hice. Con respecto a la galería, no veo en tu lista de MODS ninguna galería (puede que sea yo el que no la encuentre o no la conozca), Como se llama la galería que estás utilizando?

EDITO: ya encontré la Galería que tienes, es el phpBB Gallery. Agregala a tu lista de MODS. Es el mismo que yo tengo, también lo intentaré y te aviso.

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 18:12
por Nacho1191
excelentee ya verás de lo que digo es muy util y mas comodo a la vista ^^

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 19:40
por zyxer
Sí, es mucho más agradable. Ya tengo del gallery funcionando en mi pág. pero hay que arregarle un par detalles estéticos.

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 20:08
por memoadian
para los emoticonos.

abre styles/tuplantilla/template/forum_fn.js
busca

Código: Seleccionar todo

var jquery_present = typeof jQuery == 'function';
agrega después

Código: Seleccionar todo

function mostrardiv(name) {
    div = document.getElementById(name);
    div.style.display = 'block';
}

function cerrardiv(name) {
    div = document.getElementById(name);
    div.style.display='none';
}
abre styles/tuplantilla/template/posting_editor.html
buscar

Código: Seleccionar todo

	<div id="smiley-box">
agregar despues:

Código: Seleccionar todo

		<a href="javascript:mostrardiv('content-smileys');">Mostrar emoticonos</a>
		<div id="content-smileys" style="display:none;">
		<a href="javascript:cerrardiv('content-smileys');">Ocultar</a>
buscar

Código: Seleccionar todo

			<!-- IF S_DISPLAY_REVIEW --><strong><a href="#review">{L_TOPIC_REVIEW}</a></strong><!-- ENDIF -->
		<!-- ENDIF -->
agregar despues:

Código: Seleccionar todo

		</div>
guarda y limpia la cache

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 20:41
por zyxer
Gracias Memoadian, voy a probar eso.

La del phpBB Gallery ya lo tengo resuelto. no sé que versión tengas, pero la que yo tengo es la 1.1.1, que es la última y puede o no trabajar igual que la 1.1.0 pero definitivamente no funciona igual que la 1.0.6

Son una serie de pasos, que te puedo explicar, pero sería bueno primero saber cual versión estás utilizando y si no es la última que dijeras si lo vas a actualizar o no. En caso de quere actualizarla la puedes decargar en este link.

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 22:43
por Nacho1191
tengo la ultima version de phpbb gallery y no encontre ese code en el forum_fn.js :(

Re: hacer un hide/show en 2 cosas

Publicado: 18 Ago 2011, 22:59
por memoadian
el forum_fn.js no es del phpgallery, de todos modos solo ponlo al final de dicho archivo la ubicacion no es importante

Re: hacer un hide/show en 2 cosas

Publicado: 19 Ago 2011, 01:06
por zyxer
Ok, tienes la última versión del phpBB Gallery, entonces lo que voy a hacer es a saltarme mucha de la explicación y te voy a dar unos códigos para que lo sustituyas. Pudiera darte los archivos y ya, pero tengo una moificación que afecta los comentarios ya posteados que no te sería útil a ti y lo que podría es causarte algún error.

Yo lo instalé en el estilo Prosilver, que es uno de los que tú tienes instalados, pero supongo que funcionaría igual para el otro, solo que deberías conseguir una imágen más adecuada y cambiar en los códigos los lugares donde dicen "prosilver" (sin las comillas) por el nombre de tu estilo. También te advierto que estoy asumiendo que no le has hecho cambio alguno a los archivos de que te indique que debes modificar (específicamente al /styles/prosilver/template/gallery/viewimage_body.html). Si le haz hecho algún cambio y haces lo que te sugiero es posible que se pierdan tus modificaiones.

NOTA 1: Te recomiendo hacer un Back Up antes de iniciar con estos cambios, pues en caso de cualquier error es muy dificil que puedas recuperar los código anterios sin no haz hecho ningún Back Up.

NOTA 2: En estos archivos y códigos he utilizado links directos (Ejemplo: http://www.nombredeldominio.com/root/ca ... chivo.html) que he adaptado a la necesidad de quien ha pedido la modificación, en caso de que vayan a ser utilizado por alguien más, deberá buscar estos links (es facil buscando por la palabra http://www.gmugen.com/foro/) y sustituirlo por el nombre de su página, su caperta raiz y estilo.



Busca el archivo: /styles/prosilver/template/gallery/viewimage_body.html

Busca el código:

Código: Seleccionar todo

<!-- IF .commentrow -->
	<div class="topic-actions">
			<div class="pagination">
				{IMAGE_COMMENTS} {L_COMMENTS} &bull; {PAGE_NUMBER}<!-- IF PAGINATION --> &bull; <span>{PAGINATION}</span><!-- ENDIF -->
			</div>

Sustituye TODO lo que está ANTES de ahí con:

Código: Seleccionar todo

<!-- INCLUDE gallery/gallery_header.html -->

<h2><a href="{S_ALBUM_ACTION}">{IMAGE_NAME}</a></h2>


<div class="post bg2<!-- IF S_IMAGE_REPORTED --> reported<!-- ENDIF -->">
	<div class="inner"><span class="corners-top"><span></span></span>
		<!-- IF UC_PREVIOUS --><p style="float: left; text-align: left;">{UC_PREVIOUS_IMAGE}<br />{UC_PREVIOUS}</p><!-- ENDIF -->
		<!-- IF UC_NEXT --><p style="float: right; text-align: right;">{UC_NEXT_IMAGE}<br />{UC_NEXT}</p><!-- ENDIF -->
		<div style="text-align: center; padding: 20px;">{UC_IMAGE}
			<!-- IF S_IMAGE_REPORTED --><br /><br /><a href="{U_IMAGE_REPORTED}"><span class="error">{L_IMAGE_REPORTED}</span></a><!-- ENDIF -->
		</div>
	<span class="corners-bottom"><span></span></span></div>
</div>


<!--//Botton for hide/show postingbox for comments //-->
<!-- IF not S_IS_BOT and (S_ALLOWED_TO_RATE or S_ALLOWED_TO_COMMENT) -->
	<br />
	<div class="buttons">
		<div class="comment-icon"><a href="javascript:showDiv();" title="Comentar Imagen"><span></span><img src="http://www.gmugen.com/foro/styles/prosilver/imageset/es/button_comment_image.gif"></a></div>
	</div>
<!-- ENDIF -->


<!-- IF S_QUICK_MOD -->
	<form method="post" action="{S_MOD_ACTION}">
	<fieldset class="quickmod" style="float: none; width: 80%;">
		<label for="quick-mod-select">{L_QUICK_MOD}:</label>
		<select name="action" id="quick-mod-select">
			<!-- IF S_QM_MOVE --><option value="images_move">{L_QUEUE_A_MOVE}</option><!-- ENDIF -->
			<!-- IF S_QM_EDIT --><option value="image_edit">{L_EDIT_IMAGE}</option><!-- ENDIF -->
			<!-- IF S_QM_STATUS -->
				<!-- IF not S_STATUS_UNAPPROVED --><option value="images_unapprove">{L_QUEUE_A_UNAPPROVE}</option><!-- ENDIF -->
				<!-- IF not S_STATUS_APPROVED --><option value="images_approve">{L_QUEUE_A_APPROVE}</option><!-- ENDIF -->
				<!-- IF not S_STATUS_LOCKED --><option value="images_lock">{L_QUEUE_A_LOCK}</option><!-- ENDIF -->
			<!-- ENDIF -->
			<!-- IF S_QM_DELETE --><option value="images_delete">{L_QUEUE_A_DELETE}</option><!-- ENDIF -->
			<!-- IF S_QM_REPORT and S_IMAGE_REPORTED --><option value="report_details">{L_READ_REPORT}</option><!-- ENDIF -->
		</select>
		<input type="submit" value="{L_GO}" class="button2" />
		{S_FORM_TOKEN}
	</fieldset>
	</form>
<!-- ENDIF -->

<br />

<!-- IF not S_IS_BOT and (S_ALLOWED_TO_RATE or S_ALLOWED_TO_COMMENT) -->
<a name="rating"></a>
<form id="postform" action="{S_COMMENT_ACTION}" method="post">
<div id="postingbox" class="panel" style="display:none;">
	<div class="inner"><span class="corners-top"><span></span></span>
		<h3><!-- IF S_ALLOWED_TO_RATE and S_ALLOWED_TO_COMMENT -->{L_POST_COMMENT_RATE_IMAGE}<!-- ELSEIF S_ALLOWED_TO_COMMENT -->{L_POST_COMMENT}<!-- ELSE -->{L_RATE_IMAGE}<!-- ENDIF --></h3>
		<fieldset id="comment-box" class="fields1">
			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt><label>{L_YOUR_RATING}:</label></dt>
					<dd>
						<!-- IF .rate_scale -->
							<select name="rating">
							<!-- BEGIN rate_scale -->
								<!-- IF rate_scale.RATE_POINT == 1 --><option value="0">{L_DONT_RATE_IMAGE}</option><!-- ENDIF -->
								<option value="{rate_scale.RATE_POINT}">{rate_scale.RATE_POINT}</option>
							<!-- END rate_scale -->
							</select>
							<!-- IF (not S_ALLOWED_TO_COMMENT or S_HIDE_COMMENT_INPUT) and .rate_scale -->
								<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
							<!-- ENDIF -->
						<!-- ELSE -->
							{CONTEST_RATING}
						<!-- ENDIF -->
					</dd>
				</dl>
			<!-- ENDIF -->
			<!-- IF S_ALLOWED_TO_COMMENT and not S_HIDE_COMMENT_INPUT -->
				<!-- IF not S_USER_LOGGED_IN -->
					<dl>
						<dt><label>{L_USERNAME}:</label></dt>
						<dd><input class="inputbox autowidth" type="text" name="username" maxlength="32" /></dd>
					</dl>
				<!-- ENDIF -->
				<!-- IF CAPTCHA_TEMPLATE -->
					<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
				<!-- ENDIF -->
				<!-- INCLUDE posting_buttons.html -->
				<div id="smiley-box">
					<!-- IF S_SMILIES_ALLOWED and .smiley -->
						<strong>{L_SMILIES}</strong><br />
						<!-- BEGIN smiley -->
							<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
						<!-- END smiley -->
					<!-- ENDIF -->
					<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
						<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
					<!-- ENDIF -->

					<!-- IF BBCODE_STATUS -->
					<!-- IF .smiley --><hr /><!-- ENDIF -->
					{BBCODE_STATUS}<br />
					<!-- IF S_BBCODE_ALLOWED -->
						{IMG_STATUS}<br />
						{FLASH_STATUS}<br />
						{URL_STATUS}<br />
					<!-- ENDIF -->
					{SMILIES_STATUS}
					<!-- ENDIF -->
					<hr />{L_COMMENT_LENGTH}
				</div>
				<div id="message-box">
					<textarea name="message" id="message" rows="7" cols="76" tabindex="3" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" class="inputbox"></textarea>
				</div>
				<div><label for="attach_sig"><input type="checkbox" name="attach_sig" id="attach_sig"{S_SIGNATURE_CHECKED} /> {L_ATTACH_SIG}</label></div>
				<div style="text-align: center;"><input style=" padding-bottom: 3px; padding-top: 3px; vertical-align: middle;"type="submit" name="submit" value="{L_SUBMIT}" class="button1" /></div>
			</fieldset>
		<!-- ELSE IF S_HIDE_COMMENT_INPUT -->
			<!-- IF S_ALLOWED_TO_RATE --><hr class="dashed" /><!-- ENDIF -->
			{CONTEST_COMMENTS}
		<!-- ENDIF -->
		{S_FORM_TOKEN}	
	<span class="corners-bottom"><span></span></span></div>
</div>
	<script>	
	function showDiv() {
	div = document.getElementById('postingbox');
	if(div.style.display == 'block'){
	div.style.display = 'none';
	}else if(div.style.display == 'none'){
	div.style.display = 'block';
	};
	}
	</script>
</form>
<!-- ENDIF -->

<!-- IF S_ALLOWED_READ_COMMENTS -->
<a name="comments"></a>
<!-- IF not .commentrow or S_COMMENTS_DISABLED -->
	<div id="comments" class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
			<strong><!-- IF S_COMMENTS_DISABLED -->{L_IMAGE_COMMENTS_DISABLED}<!-- ELSE -->{L_NO_COMMENTS}<!-- ENDIF --></strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- ENDIF -->


Buscar el Archivo: /styles/prosilver/theme/gallery.css

Buscar el código:

Código: Seleccionar todo

.buttons div.upload-icon	{ width: {IMG_BUTTON_UPLOAD_IMAGE_WIDTH}px; height: {IMG_BUTTON_UPLOAD_IMAGE_HEIGHT}px; }
.upload-icon span	{ background-image: url("{IMG_BUTTON_UPLOAD_IMAGE_SRC}"); }
Sustituir por:

Código: Seleccionar todo

.buttons div.upload-icon	{ width: 119px; height: {IMG_BUTTON_UPLOAD_IMAGE_HEIGHT}px; }
.upload-icon span	{ background-image: url("{IMG_BUTTON_UPLOAD_IMAGE_SRC}"); }

.buttons div.comment-icon	{ width: 144px; height: {IMG_BUTTON_UPLOAD_IMAGE_HEIGHT}px; }
.comment-icon span	{ background-image: url("http://www.gmugen.com/foro/styles/prosilver/imageset/es/button_comment_image.gif"); }
Descarga esta imagen:
button_comment_image.gif
button_comment_image.gif (2.95 KiB) Visto 2669 veces
Súbela a la carpeta: /foro/styles/prosilver/imageset/es


Refresca las plantillas, los templates y las imágenes.

Después de ahí solo hay dos cosas que hacer:
- Si hay algún problema: restaura el back up y vuelve a intentarlo, si el problema persiste, postealo aquí para ayudarte a solucionarlo.
- Si no hay ningún inconveniente, entonces disfrutalo y pasa por aquí a contarme como te fue. Si tienes alguna sugerencia o crítica será bien recibida.

Suerte. :ok:

Re: hacer un hide/show en 2 cosas

Publicado: 19 Ago 2011, 07:42
por Nacho1191
los emoticonos en el posting body me funcionó perfect.
me gustaría hacer lo mismo en el posting body del phpbb gallery, pero no pude conseguirlo...(habia editado el gallerry/posting_body.html y el gallery/javascript_posting.html pero nada)
y sobre ocultar el boton de respuesta no me funcionó zyxer :(
de hecho me había desaparecido la respuesta.. y no podia siquiera responder... el problema está en el viewimage_body.html

Re: hacer un hide/show en 2 cosas

Publicado: 19 Ago 2011, 11:36
por zyxer
hmmm.... necesito 2 cosas (puede que se pueda resolver con una sola de las 2, pero es par evitar luego tenerte que pedir la otra):

- Un usuario de prueba (con su password correpondiente)
- y una copia de los archivos que te pedí que editaras arriba (los dos).