Widget de Noticias RSS
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.news-widget {
width: 100%;
max-width: 800px;
background-color: white;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
overflow: hidden;
border: 1px solid #e1e5e9;
}
.widget-header {
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
color: white;
padding: 20px;
text-align: center;
position: relative;
}
.widget-header h2 {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 5px;
}
.widget-header p {
opacity: 0.9;
font-size: 0.95rem;
}
.rss-icon {
position: absolute;
top: 20px;
right: 20px;
width: 24px;
height: 24px;
background-color: #ff6600;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
font-weight: bold;
}
.news-list {
padding: 0;
}
.news-item {
display: flex;
padding: 18px 20px;
border-bottom: 1px solid #f0f0f0;
transition: all 0.3s ease;
cursor: pointer;
width: 100%;
}
.news-item:hover {
background-color: #f8fafc;
transform: translateX(5px);
}
.news-item:last-child {
border-bottom: none;
}
.news-number {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: #3498db;
color: white;
border-radius: 50%;
font-weight: bold;
margin-right: 15px;
flex-shrink: 0;
}
.news-content {
flex: 1;
width: calc(100% - 45px);
}
.news-title {
font-size: 1.1rem;
font-weight: 600;
color: #2c3e50;
margin-bottom: 5px;
line-height: 1.4;
width: 100%;
word-wrap: break-word;
}
.news-date {
font-size: 0.85rem;
color: #7f8c8d;
width: 100%;
}
.external-link {
color: #3498db;
font-size: 0.9rem;
margin-top: 5px;
display: inline-block;
}
.widget-footer {
padding: 15px 20px;
text-align: center;
background-color: #f8fafc;
border-top: 1px solid #e1e5e9;
color: #7f8c8d;
font-size: 0.9rem;
}
.loading {
padding: 40px 20px;
text-align: center;
color: #7f8c8d;
}
.error {
padding: 40px 20px;
text-align: center;
color: #e74c3c;
background-color: #fdf2f2;
}
@media (max-width: 600px) {
.news-item {
flex-direction: column;
}
.news-number {
margin-bottom: 10px;
}
.widget-header h2 {
font-size: 1.5rem;
}
}
document.addEventListener('DOMContentLoaded', function() {
const rssUrl = 'https://www.noticiasdealmeria.com/rss/ultimasNoticias/';
const newsList = document.getElementById('newsList');
// Datos de ejemplo para mostrar el diseño (en caso de que el RSS no funcione)
const sampleNews = [
{
title: 'El Ayuntamiento anuncia nuevas medidas para mejorar el tráfico en el centro',
link: '#',
date: '12 de noviembre de 2025'
},
{
title: 'Inaugurado el nuevo parque empresarial con más de 50 empresas',
link: '#',
date: '11 de noviembre de 2025'
},
{
title: 'La Universidad presenta su plan de expansión para el próximo año',
link: '#',
date: '10 de noviembre de 2025'
},
{
title: 'Celebración del festival gastronómico con participantes internacionales',
link: '#',
date: '9 de noviembre de 2025'
},
{
title: 'Nuevo proyecto de sostenibilidad para proteger las zonas naturales',
link: '#',
date: '8 de noviembre de 2025'
}
];
// Función para mostrar noticias de ejemplo
function displaySampleNews() {
newsList.innerHTML = '';
sampleNews.forEach((news, index) => {
const newsItem = document.createElement('div');
newsItem.className = 'news-item';
newsItem.onclick = () => window.open(news.link, '_blank');
newsItem.innerHTML = `
${index + 1}
${news.title}
${news.date}
Leer más ?
`;
newsList.appendChild(newsItem);
});
}
// Función para obtener y parsear el RSS
async function fetchRSS() {
try {
// Usamos un proxy CORS para evitar problemas de same-origin policy
const proxyUrl = 'https://api.allorigins.win/raw?url=';
const response = await fetch(proxyUrl + encodeURIComponent(rssUrl));
if (!response.ok) {
throw new Error('Error al cargar el feed RSS');
}
const text = await response.text();
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(text, 'text/xml');
// Verificar si el parseo fue exitoso
if (xmlDoc.getElementsByTagName('parsererror').length > 0) {
throw new Error('Error al parsear el XML');
}
// Obtener los elementos item del RSS
const items = xmlDoc.getElementsByTagName('item');
// Limpiar el contenido de carga
newsList.innerHTML = '';
// Mostrar las primeras 5 noticias
const maxItems = Math.min(items.length, 5);
if (maxItems === 0) {
newsList.innerHTML = '
No se encontraron noticias en el feed RSS.';
return;
}
for (let i = 0; i < maxItems; i++) {
const item = items[i];
const title = item.getElementsByTagName('title')[0]?.textContent || 'Título no disponible';
const link = item.getElementsByTagName('link')[0]?.textContent || '#';
const pubDate = item.getElementsByTagName('pubDate')[0]?.textContent || '';
const newsItem = document.createElement('div');
newsItem.className = 'news-item';
newsItem.onclick = () => window.open(link, '_blank');
// Formatear la fecha
let formattedDate = '';
if (pubDate) {
const date = new Date(pubDate);
formattedDate = date.toLocaleDateString('es-ES', {
day: 'numeric',
month: 'long',
year: 'numeric'
});
}
newsItem.innerHTML = `
${i + 1}
${title}
${formattedDate ? `
${formattedDate}` : ''}
Leer más ?
`;
newsList.appendChild(newsItem);
}
} catch (error) {
console.error('Error:', error);
// En caso de error, mostrar noticias de ejemplo
displaySampleNews();
// Mostrar mensaje de error
const errorMsg = document.createElement('div');
errorMsg.className = 'error';
errorMsg.innerHTML = `
Error al cargar las noticias en tiempo real: ${error.message}
Se muestran noticias de ejemplo. Intenta recargar la página.
`;
newsList.insertBefore(errorMsg, newsList.firstChild);
}
}
// Cargar las noticias al iniciar
fetchRSS();
// Actualizar cada 10 minutos (opcional)
setInterval(fetchRSS, 10 * 60 * 1000);
});
Agradecida a sus vecinos y con muchísimas ganas de seguir trabajando por ellos y por el municipio, así se mostró Matilde Díaz en la tarde de ayer tras recibir el apoyo unánime de los afiliados del PP para volver a dirigir el partido en los próximos cuatro años, una tarea en la que tiene más de 20 años de experiencia y que le ha aportado enormes satisfacciones como el día en el que el PP logró la alcaldía del municipio en el año 2007.
El trabajo no ha sido fácil, pero con ella en la presidencia del partido y como diputada provincial, y con Miguel Rodríguez como alcalde, Rágol ha cambiado considerablemente y se ha convertido en un pueblo con mejores servicios y calidad de vida para todos los ragoleños. Ahora, Rágol no tiene nada que envidiar a otros municipios de la Alpujarra almeriense y eso se debe al buen trabajo hecho desde el Ayuntamiento y desde el partido en la localidad.
Matilde Díaz ha explicado a sus vecinos las importantes inversiones que desde la Diputación se han realizado en el municipio, y cómo gracias al Gobierno del cambio Rágol sí cuenta para la Junta de Andalucía después de 14 años sin recibir ni un solo euro por parte de los gobiernos socialistas. Por ello considera absolutamente fundamental que el cambio también llegue al Gobierno de España y que Pablo Casado se convierta en el presidente de todos los españoles.
Junto a ella estuvieron presentes en el Congreso Local la vicesecretaria general de Participación y Transparencia del PP de Almería y Delegada del Gobierno Andaluz en Almería, Maribel Sánchez, y el senador Luis Rogelio Rodríguez. Ambos alabaron el enorme cambio que se ha producido en Rágol y agradecieron tanto a la presidenta como al alcalde el trabajo que están realizando en beneficio de sus vecinos.
Maribel Sánchez destacó la importancia que para el Gobierno de Juanma Moreno tienen los municipios pequeños y como unos meses después de iniciarse la pandemia Rágol recibió 9.050 euros para reforzamiento y cobertura de sus servicios públicos a consecuencia de la crisis originada por el Covid-19.
La delegada del Gobierno andaluz recordó también que actualmente se encuentra en fase de adjudicación una inversión histórica de 8,2 millones de euros como es la construcción de una nueva estación depuradora de aguas residuales (EDAR) en Alhama de Almería y de un colector que agrupe los vertidos de los municipios del Medio Andarax. Se trata de una infraestructura de la que se van a beneficiar 7.800 personas que residen en 12 municipios entre los que se encuentra Rágol.
Por su parte, el senador del PP, Luis Rogelio Rodríguez, afirmó que en apenas tres años, el Gobierno de Sánchez habrá acumulado un déficit cercano a los 300.000 millones de euros y criticó que a día de hoy el precio de la luz siga disparado. En este sentido ha reclamado una reforma energética como la que ha planteado el PP con un IVA superreducido, sacando los costes no energéticos de la factura y utilizando los derechos de emisión de CO2 para bajarla.
“Estamos ante un auténtico despropósito pero nadie desde la izquierda ha propuesto dimisiones por tamaña incompetencia No se puede hacer peor y frente a este Gobierno la única alternativa es el Partido Popular y el proyecto de Pablo Casado”, afirma.
EJECUTIVA LOCAL PP RÁGOL
Presidenta: Matilde Díaz Díaz
Secretario: Manuel Rodríguez González
Tesorero: Miguel Rodríguez Colomina
Vocales:
- José Fortes Mota
- María del Carmen Fortes Salmerón
TEMAS RELACIONADOS: