stampare risultato di una query con css

**84morena** · 07-10-2010, 19:01

salve ragazzi ho una pagina.jsp che stampa il risultato di una query...il campo che voglio stampare è uno.
ho creato 2 box chiamandoli boxsinistra e boxdestra
è possibile stampare il risultato nei box di sinistra e destra?

codice:

<!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" xml:lang="IT">
<head>
<title>..:: News ::.. - </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="stili.css">
<%@ page language="java"%>
<%@ page import="java.sql.*"%>
<%@ page import="java.lang.*"%>
<%@ page import="java.util.*"%>
 
<jsp:useBean id="bean" scope="session" class="beans.UtentiBean"/>
<jsp:useBean id="beans" scope="session" class="beans.PwdGenerator"/>
<%@ include file="header.jsp" %>
</head>
<body bgcolor="#FFFFFF" >
	<% 
	String nomeDB = "java";
	String nomeUtente = "root";
	String pwdUtente = "";
	String DRIVER = "com.mysql.jdbc.Driver";
	String DB_Url = ("jdbc:mysql://localhost/" + nomeDB + "?user=" + nomeUtente + "&password=" + pwdUtente);
	try
	{
		Class.forName(DRIVER);
	}
	catch(ClassNotFoundException e)
	{
		System.out.println(e.toString());	
		System.out.println("File non trovato");
		System.exit(1);
	}
	try
	{
		Connection conn= DriverManager.getConnection(DB_Url);
		Statement stmt = conn.createStatement();
		String query="";
		String Art = "";
		query="SELECT * FROM articoli ORDER BY id_articoli DESC LIMIT 4";
		ResultSet r = stmt.executeQuery(query);
	%>
        <div class="container">
            <div class="content">
                <div class="content-wrapper">
                
                    <div class="contentbox">
                        <div class="smallimage">
                        [img]news.gif[/img]
                        </div>
                    </div>
                    
                    <div class="left">
                    
                        <div class="box">
             
    <% 
        while(r.next())
        { 
        Art = r.getString("articoli"); 
        //out.println(id);
        %>                
                        <%= Art %>          
      
        <%
        }
        %>    
                        </div>
                    </div>
                    <div class="right">
                    
                        <div class="box">
                             </div>
                    </div>
                </div>
            </div>
        </div>
        <%              
    conn.close();
    } 
    catch(SQLException ex) 
	{
		System.err.println("SQLException: " + ex.getMessage()) ;
	}
	%>	
</body>
</html>

Facendo in questo modo me ne stampa uno sotto l'altro...

**Mich_** · 08-10-2010, 08:36

Se il problema e` come impostare il lavoro lato server hai sbagliato forum.

Se invece e` un probelma di formattazione, hai postato il codice sbagliato.
Il sorgente JSP (o di qualsiasi altro linguaggio lato server) non serve e non viene visto dal browser che deve poi formattare.
Devi postare il codice HTML+CSS come arriva al browser.
In questo forum puoi trovare aiuto per correggere il codice HTML+CSS, poi sara` tua cura (eventualmente con l'aiuto dei forum lato server) fare in modo che il programma lato server fornisca un codice lato client corretto.

PS: vedo che pero` usi formattazione HTML: e` difficile sistemare i CSS in tal caso (a volte impossibile).
Devi eliminare tutta la formattazione HTML e trasformarla in formattazione CSS.

PS2: ci sono vari siti che forniscono layout pronti (alcuni riferimenti tra i "link utili"): credo che ti convenga partire da uno di quelli.

**84morena** · 08-10-2010, 09:51

Grazie Mich per la risposta...il codice lato server funziona li non ci sono problemi....il problema sta nel come collocare la risposta della query...io credevo che bastava creare dei div dichiarando due classi e con il css impostavo di metterne una a sinistra e una a destra...
riguardo a prendere template già fatti poteva essere una buona idea,ma ormai ho terminato l'applicazione...
dunque non è possibile in questo modo mettere le risposte della query una a sinistra e una a destra...per par condicio :P

**Pastore12** · 08-10-2010, 10:30

Per la parte java, se ho capito bene.., penso che la questione si possa risolvere con una guardatina alle api:
http://download.oracle.com/javase/1....ResultSet.html

invocando un beforeFirst() al ResultSet dopo la stampa nel box di sinistra riottieni il result set esattamente come se avessi appena eseguito la query. Quindi per stampare nel box di destra ti basta ripetere il ciclo di while.

Per le questioni legate allo stile, ai tag eccetera, lascio ai più volonterosi...

**84morena** · 08-10-2010, 11:09

ho letto un po le api di before...ma sinceramente non ho capito bene...potresti farmi un esempio sul mio codice....

codice:

 while(r.next())
        { 
        Art = r.getString("articoli"); 
        //out.println(id);
        %>                
                        <%= Art %>          
      
        <%
        }
        %>    
                        </div>
                    </div>
                    <div class="right">
                    
                        <div class="box">
                             </div>
                    </div>

il css è impostato bene se aggiungo del testo statico nel box right lo mette a destra

**Mich_** · 08-10-2010, 11:32

.io credevo che bastava creare dei div dichiarando due classi e con il css impostavo di metterne una a sinistra e una a destra...

Puo` essere. Ma non avendo il codice HTML e il codice CSS non si puo` rispondere.

Se il codice HTML e` organizzato bene, con un buon CSS si puo` fare tutto. Per questo ti consigliavo di vedere i tamplate gia` pronti.

dunque non è possibile in questo modo mettere le risposte della query una a sinistra e una a destra...per par condicio

Forse si`, ma occorre avere un codice HTML fatto bene.

Discussione: stampare risultato di una query con css

Strumenti discussione

Ricerca discussione

Visualizza

stampare risultato di una query con css

Permessi di invio