Foros del Web » Programando para Internet » PHP » CodeIgniter »

CodeIgniter: Problema con enlaces css, js

Estas en el tema de CodeIgniter: Problema con enlaces css, js en el foro de CodeIgniter en Foros del Web. Holas!! estoy empezando con los frameworks en php y empiezo con el pié izquierdo ya que al parecer mis archivos img, css, js, swf, etc. ...
  #1 (permalink)  
Antiguo 21/04/2011, 21:52
Avatar de Danielfuzz  
Fecha de Ingreso: septiembre-2007
Mensajes: 111
Antigüedad: 17 años, 1 mes
Puntos: 18
Pregunta CodeIgniter: Problema con enlaces css, js

Holas!!

estoy empezando con los frameworks en php y empiezo con el pié izquierdo ya que al parecer mis archivos img, css, js, swf, etc. no se están enlazando correctamente cuando mi url tiene mas de un nivel, es decir si miURL es:

http://localhost/cic/noticias => carga bien
http://localhost/cic/ => carga bien

pero ya no se cargan si tiene mas niveles como:

http://localhost/cic/noticias/noticia/7/titulo-7

la única forma que encontre de solucionar es usando el helper site_url("css/style.css") , pero no se si existe una mejor forma de solucionar esto, ya que tendria que poner este helper en todos los enlaces a archivos css, js, swf, img de mis vistas.

mis carpetas de imagenes, js, css, etc están ubicadas en la raíz de la aplicación (osea al mismo nivel que "index.php" y las carpetas "application", "system", etc)

Les dejo alguna info que podria ayudar a solucionar el problema:

mi vista cabecera que uso en todas las paginas:
Código HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.dropshadow.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(init);
	function init(){
		$('#divMenu').dropShadow({top:0,left:0,blur:8,opacity:0.75});
	}
</script>
</head> 
mi .htaccess con el que quité el index.php de la URL

Código:
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /

    #Removes access to the system folder by users.
    #Additionally this will allow you to create a System.php controller,
    #previously this would not have been possible.
    #'system' can be replaced if you have renamed your system folder.
    RewriteCond %{REQUEST_URI} ^system.*
    RewriteRule ^(.*)$ /cic/index.php?/$1 [L]
    
    #When your application folder isn't in the system folder
    #This snippet prevents user access to the application folder
    #Submitted by: Fabdrol
    #Rename 'application' to your applications folder name.
    RewriteCond %{REQUEST_URI} ^application.*
    RewriteRule ^(.*)$ /cic/index.php?/$1 [L]

    #Checks to see if the user is attempting to access a valid file,
    #such as an image or css document, if this isn't true it sends the
    #request to index.php
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ cic/index.php?/$1 [L]
</IfModule>

<IfModule !mod_rewrite.c>
    # If we don't have mod_rewrite installed, all 404's
    # can be sent to index.php, and everything works as normal.
    # Submitted by: ElliotHaughin

    ErrorDocument 404 /cic/index.php
</IfModule>

Saludos!!
  #2 (permalink)  
Antiguo 21/04/2011, 22:04
Avatar de TMeister
Crazy Coder
 
Fecha de Ingreso: enero-2002
Ubicación: En la Oficina
Mensajes: 2.880
Antigüedad: 22 años, 10 meses
Puntos: 193
Respuesta: CodeIgniter: Problema con enlaces css, js

Estas usando rutas relativas la solución como dices es agregar base_url() para usar rutas absolutas o poner usar "/css/style.css" nota el "/" al inicio de la ruta, esta ruta es a partir del "root" de tu site

Saludos!!
  #3 (permalink)  
Antiguo 21/04/2011, 22:18
Avatar de Danielfuzz  
Fecha de Ingreso: septiembre-2007
Mensajes: 111
Antigüedad: 17 años, 1 mes
Puntos: 18
Pregunta Respuesta: CodeIgniter: Problema con enlaces css, js

TMeister gracias por la respuesta,

la "/" antes del enlace sólo me funciona para el css, por q nno me funciona para los js??

por el momento los js estan con base_url() que funciona, pero si hay otra forma preferia optar por esa.

Con respecto al css funciona pero no me carga las imagen que tengo como background-image, que puedo hacer para esto?? las rutas de estas imagenes están correctas y son relativas al archivos css.


Saludos!

Última edición por Danielfuzz; 21/04/2011 a las 22:19 Razón: olvidé detalles
  #4 (permalink)  
Antiguo 21/04/2011, 23:00
Avatar de Danielfuzz  
Fecha de Ingreso: septiembre-2007
Mensajes: 111
Antigüedad: 17 años, 1 mes
Puntos: 18
Respuesta: CodeIgniter: Problema con enlaces css, js

Bueno si agrego el base_url() al enlace del css se soluciona el problema ya que al parecer "/" te envia a la ráz REAL, es decir a "nivel 0" de la carpeta pública del servidor ("www" en mi caso) y como mi applicacion esta en un nivel mas abajo no me sirve el "/".
  #5 (permalink)  
Antiguo 11/07/2012, 10:37
Avatar de topo_bionico  
Fecha de Ingreso: junio-2012
Mensajes: 89
Antigüedad: 12 años, 5 meses
Puntos: 20
Respuesta: CodeIgniter: Problema con enlaces css, js

Es más fácil hacer una carpeta "css" en la raíz del proyecto.

Y en el controlador correspondiente

Código:
$this->load->helper('url');
y en la vista haces

Código:
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/style.css" />
Saludos!

Última edición por topo_bionico; 11/07/2012 a las 11:28
  #6 (permalink)  
Antiguo 12/07/2012, 12:53
Avatar de xlos_mas_pro  
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 13 años, 6 meses
Puntos: 11
Respuesta: CodeIgniter: Problema con enlaces css, js

Yo lo hago de la siguiente manera obimente creas la carpeta css en donde se encuentra la carpeta sustem y la aplicaction no se por que motivo codeigniter no me permite crear mas carpteas ahy haci que lo que hago es crear dentro de la css una carpeta js y desde ahy llamo a todos lo archivo js que quiera añidir de la siguiente manera

Suponiendo en este caso que mi base url es la del localhost (http://localhost/misitio/) si es que es haci lo llamas de esta menera por que si es que a la base url no le pones el ultimo "/" no cargara el archivo
Cita:
<script type="text/javascript" src="<?php echo base_url(); ?>css/js/archivo.js"></script>
  #7 (permalink)  
Antiguo 14/08/2013, 16:21
 
Fecha de Ingreso: julio-2008
Mensajes: 4
Antigüedad: 16 años, 3 meses
Puntos: 0
Respuesta: CodeIgniter: Problema con enlaces css, js

Este es el codigo exacto para que funcionen los scripts y los estilos, debido a que funciona el estilo pero los scripts de m... no funcionaban pero con el htaccess de Danielfuzz estuvo genial.

Etiquetas: enlaces, frameworks-y-php-orientado-a-objetos
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 05:30.