Como estan? tengo un problema
me es imposible poner un espacio entre palabras en un imput de texto
Por ejemplo
#10214 Mamadera
No me deja hacer el espacio me obliga a escribirlo junto.
Pegue en un html nuevo el codigo y ahí si me deja
desde la base de datos tambien puedo.
Código PHP:
<?php
$cnx= mysql_connect('localhost','root','saracatunga') or die(mysql_error());
mysql_select_db("arrorro",$cnx);
$consulta= "SELECT * FROM chupetesytetinas";
$resultado = mysql_query($consulta, $cnx);
?>
Código HTML:
<!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>
<title>Arrorro Mi Sol</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="fuentes.css" type="text/css" />
<link rel="stylesheet" href="galleriffic-4.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/chromestyle.css" />
<script type="text/javascript" src="js/chrome.js">
</script>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.history.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
document.write('<style>.noscript { display: none; }</style>');
</script>
</head>
<!-- Empieza el Body -->
<body>
<div id="wrapper">
<div id="header">
<div id="navegacion">
<ul class="menu">
<li><a href="quienes_somos.html" class="active">QUIENES SOMOS</a></li>
<li><a href="kits_armados.html" rel="dropmenu1">KITS ARMADOS</a></li>
<li><a href="catalogo.html">CATALOGO</a></li>
<li><a href="servicios_a_empresas.html">SERVICIOS A EMPRESAS</a></li>
<li><a href="contacto.html">CONTACTO</a></li>
</ul>
</div>
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.dynamicdrive.com/">#1 la delicia de los pibes</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>
<script type="text/javascript">
cssdropdown.startchrome("navegacion")
</script>
</div>
<div id="content-contenedor">
<div id="contenido">
<div id="titulomayor"><h1>CHUPETES Y TETINAS</h1></div>
<div id="volvercatalogo1"><h2><a href="catalogo.html">Volver atrás al catálogo | </a></h2></div>
<div id="entitular"><h4>- Clickeá en cada miniatura para verla en grande a la derecha:</h4></div>
<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div class="slideshow-container">
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
<div id="caption" class="caption-container"></div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript"> Código PHP:
<?php
while($fila = mysql_fetch_array($resultado)){
echo "<li>";
echo '<a class="thumb" href="500x500 CHUPETES Y TETINAS/'.$fila['NOMBRE FOTO'].'" title="'.$fila['DESCRIPCION'].'">';
echo '<img src="500x500 CHUPETES Y TETINAS/'.$fila['NOMBRE MINIATURA'].'" alt="Title #0" /></a>';
echo '<div class="caption">'.$fila['DESCRIPCION'].'</div>';
echo' </li>';
}
?>
Código HTML:
</ul>
</div>
<div style="clear: both;"></div>
</div><br/>
</div>
<div id="falsofooter"><br />
<h2><a href="catalogo.html">Volver atrás al catálogo | </a></h2>
</div>
<div id="footer">
<div id="info1_footer"><h3>(+54 011) 4901-7148 / (+54 011) 15-6283-6890</h3></div>
<div id="info2_footer"><h3>[email protected]</h3></div>
<div id="info3_footer"><h3>Arrorro Mi Sol</h3></div>
<div style="clear: left; float: left; padding-top: 0px;">
<a href="#addImage" id="addImageLink">Insert Image into Position 5</a>
<br />
<a href="#removeImageByIndex" id="removeImageByIndexLink">Remove Image at Position 5</a>
<br />
<a href="#removeImageByHash" id="removeImageByHashLink">Remove the Lizard Image (by its hash value 'lizard')</a>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('div.navigation').css({'width' : '243px', 'float' : 'left', 'margin-left' : '15px'});
$('div.content').css('display', 'block');
var onMouseOutOpacity = 0.80;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
var gallery = $('#thumbs').galleriffic({
delay: 1000, //el original es 2500
numThumbs: 12, //el original es 15
preloadAhead: 12, //original 10
enableTopPager: true,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'INICIAR PRESENTACION',
pauseLinkText: 'PAUSAR PRESENTACION',
prevLinkText: '‹ ANTERIOR ART.',
nextLinkText: 'SIGUIENTE ART. ›',
nextPageLinkText: 'SIGUIENTE ›',
prevPageLinkText: '‹ ANTERIOR',
enableHistory: true,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 900, //original 900
onSlideChange: function(prevIndex, nextIndex) {
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
if(hash) {
$.galleriffic.gotoImage(hash);
} else {
gallery.gotoIndex(0);
}
}
$.historyInit(pageload, "advanced.html");
$("a[rel='history']").live('click', function() {
if (e.button != 0) return true;
var hash = this.href;
hash = hash.replace(/^.*#/, '');
$.historyLoad(hash);
return false;
});
Código PHP:
<?php
$categoria = $_GET['seccion'];
if( isset($_GET['foto']) ){
//in caso que sea tal, in caso que sea tal
//para poder cargarle sus estilos correspondientes segun los html mios q uso muchos estilos
$rutamaxi = $_GET['foto'];
}else{
$rutamaxi="BLANK.jpg";
}
?>
<?php $maxi="11911 MOISES DE VIAJE.jpg"; ?>
<?php $mini="MINI 11109.jpg"; ?>
<?php echo "$('#addImageLink').click(function(e) {";?>
<?php echo " gallery.insertImage('<li>";?> <?php echo "\\"; ?>
<?php echo '<a class="thumb" href="500x500 CHUPETES Y TETINAS/'; echo $rutamaxi; echo '"title="Dynamically';?> <?php echo '/Added Image">\\'; ?>
<?php echo '<img src="500x500 CHUPETES Y TETINAS/'; echo $mini; echo'"\\'; ?>
<?php echo 'alt="Dynamically Added Image" />\\'; ?>
<?php echo "</a>"; ?> <?php echo "\\"; ?>
<?php echo' <div class="caption">#11911 MOISES DE VIAJE'; ?> <?php echo "\\"; ?>
<?php echo"</div>";?> <?php echo "\\"; ?>
<?php echo"</li>', 1);";?>
<?php echo"e.preventDefault();";?>
<?php echo"});";?>
[HTML]
$('#removeImageByIndexLink').click(function(e) {
if (!gallery.removeImageByIndex(5))
alert('There is no longer an image at position 5 to remove!');
e.preventDefault();
});
$('#removeImageByHashLink').click(function(e) {
if (!gallery.removeImageByHash('lizard'))
alert('The lizard image has already been removed!');
e.preventDefault();
});
});
</script>
Código HTML:
<!-- ALTA DE FOTOS -->
<form action="producto_altas.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="450" border="1" align="center" cellpadding="2" cellspacing="2">
<tr>
<td colspan="2" align="right" bgcolor="#FFFFFF"><strong>Altas de Productos</strong></td>
</tr>
<tr>
<td align="right"><strong>Foto</strong></td>
<td><label>
<input type="file" name="Foto" id="Foto" />
</label></td>
</tr>
<tr>
<td align="right"><strong>Miniatura</strong></td>
<td><label>
<input type="file" name="Miniatura" id="Miniatura" />
</label></td>
</tr>
<tr>
<td width="151" align="right"><strong>Descripcion</strong></td>
<td width="279"><label>
<input type="text" name="Descripcion" id="Descripcion" />
</label></td>
</tr>
<tr>
<td colspan="2" align="right" bgcolor="#FFFFFF"><label>
<input type="submit" name="button" id="button" value="Submit" />
</label></td>
</tr>
</table>
</form>
</body>
</html> Ustedes creen que el CSS tiene algo que ver?
Les pido ayuda